Ditto to create a tab panel?

Hi all, been away on other matters, Anyway, was thinking of a possible idea, and having searched haven’t come up with any discussions on it.

Have produced a ditto driven mootools accordion slider, but couldn’t see a way of doing the same to produce an horizontal tabbed panel.

Missing the obvious?

Regards

Hi,

here is the way I’ve dealt with jqueryTabs

Main Call:

<div id="container-1">
[!Wayfinder? &startId=`7` &rowTpl=`row-ongletHebergement` &level=`1` &outerTpl=`outer-ongletHebergement`!]
[[Ditto? &parents=`7` &filter=`isfolder:1:1` &tpl=`listeOnglet` &sortBy=`menuindex` &sortDir=`ASC` &display=`6` &depth=`3` &debug=`0` ]]
</div>

And here the chunks used

{{outer-ongletHebergement}}

<ul class="onglet" >[+wf.wrapper+]</ul>

{{row-ongletHebergement}}

<li><a href="#fragment-[+wf.docid+]"><span>[+wf.linktext+]</span></a></li>

{{listeOnglet}}

<div id="fragment-[+id+]">
[[Ditto? &parents=`[+id+]` &depth=`2` &randomize=`1` &display=`6` &sortBy=`menuindex` &tpl=`shortHebergement`]]
</div>

If you want to see it in action
http://www.villages-provence.com/

Hope that helps

:-)

So Wayfinder creates the tabs and Ditto populates the content for them?

Yep that’s it

I could have done the same with two ditto calls as well but I certainly had a reason to prefer WF that I don’t remember
As far as I remember I had to modify WF to make the slider works.
I’ve added PHx support to make the jScript be parsed and execute a snippet (since PHx will render cached snippets).

:-)

Nice, I like it

(and nice design by the way !)

Nice.

I think you preferred WF because it generates UL’s and LI’s, and by default gives you .active for use with the tabs.

Hey cw,

I created a jquery plugin recently that did this as a horizontal tab nav. It only requires ditto and is here: http://modxcms.com/forums/index.php/topic,27309.msg165892.html#msg165892

Quote from: ChuckTrukk at Jul 25, 2008, 12:37 AM

Hey cw,

I created a jquery plugin recently that did this as a horizontal tab nav. It only requires ditto and is here: http://modxcms.com/forums/index.php/topic,27309.msg165892.html#msg165892

Sweet! That is a jquery plugin NOT a modx plugin. Right?

Thanks to all for the contributions and comments, the two approaches are both interesting and I’ll review and report back on them. Any other comments, and thoughts most welcome.

Regards

Hey cw,

Correct, it’s just a jquery plugin (NOT MODx).