Section with tabbed content – how to make editable?

Permalink
OK, I’m very new to this CMS and I’ve understood the basics of theme development which are pretty simple (especially if you have a simple, straight-forward layout). However, I have a case where I have a section on the home page that is basically made of tabbed content (I’m using the system fromhttp://flowplayer.org/tools/tabs.html... just in a different layout). What I can’t yet imagine at this point is how I would make it so that you can edit the contents of each section only?

From my understanding I’d have something like:
<div class="sectioncontainer">
   <div id="section1">
   content
   </div>
   <div id="section2">
   content
   </div>
   <div id="section3">
   content
   </div>
   <div id="section4">
   content
   </div>
</div>


But what code would I put to have these content sections appear when clicking “add to [area name]”? Ideally I would like to have the ability to add and remove sections and associated tabs. Can anybody enlighten me about this?

 
aeroclown replied on at Permalink Reply
aeroclown
Take a look at area splitter, it might be an easier way to achieve what you are after.
10010110 replied on at Permalink Reply
Thanks for your suggestion. It does look useful but unfortunately as I’m working on a pro-bono project for a non-commercial organization I can’t afford to pay for a module (and I can’t even try to see if it actually suits my needs).

Is there any other possibility? I’m very grateful for any advice.

It does even look as if I could have these sections (tab contents) by just adding a section to an area but how can I link to this specific section (internal link)?
bcarone replied on at Permalink Reply
bcarone
... you can create this using a widget and place your js folders and the sort in your theme folder.

You would have to edit content (I think haven't done this way in a bit) in dw but I am sure you could mess with it so an innercontent can be displayed.

Just a suggestion.
aeroclown replied on at Permalink Reply
aeroclown
Here is the screen cast

http://www.concrete5.org/marketplace/addons/area_splitter/screencas...

that will give you an idea of what area splitter can do if you haven't seen it. It has a tab custom template. Outside of using area splitter you are probably looking at some javascript and some kind of css to pull all the pages into place like they need to be.
10010110 replied on at Permalink Reply
That’s really nice and useful. However, as I said, I can’t pay for it as I’m not getting paid to do this myself.

I now decided I would just have a fixed amount of tab sections (as it’s probably not going to change all that often at the moment) with an area for each section. However, when I’m in edit mode clicking the tabs isn’t switching the sections. What do I have to do to get this working? It’s not giving me any JS error so I doubt that’s the reason.