[TYPO3-english] gridelements accordion

Jo Hasenau info at cybercraft.de
Fri Mar 13 13:44:39 CET 2015

Am 13.03.2015 um 13:21 schrieb "HocomAdvies [ 🌷 Wiechert Hooghwinkel ]":
> Hi, I'am trying to get the hang off Grid elements. Started with some simple CE such as 2 column and 3 column CE thats all clear. Now I wanted to try to create a more difficult CE an accordion element.
> Since I adopted Foundation for my project, I had a look at their accordion and tried to build a grid element using that setup.
> Here you can see the sample html Zurb Foundation proposed http://foundation.zurb.com/docs/components/accordion.html
> And this is what I have for my Gridelement TSsetup
> #grid setup
> tt_content.gridelements_pi1.20.10.setup {
>      # ID - alias of the gridelement
>      1_col_accordion < lib.gridelements.defaultGridSetup
>      1_col_accordion {
>          columns {
>              # colPos ID
>              0 < .default
>              0.wrap = <div id="panel1a" class="content active">|</div>
>              }

This will just wrap the whole container column and al it's elements.
what you need can be achieved by either

Assigning some additional wraps to the next level, namely the renderObj 
inside the column.

renderObj = COA
renderObj {
   wrap = <div id="panel1a" class="content active">|</div>
   10 =< tt_content

or creating a structure of parent and child containers with just parts 
of the structure for each of them.

You might want to take a look the the THEMES set of extensions, since we 
are providing an accordion element for bootstrap there, which might be 
easily adapted to work with foundation.

You can find themes_gridelements in the TER or on github and there is 
even a Vagrant Box on github to help you get into the THEMES thingy.



Die Kunst zusammen unabhängig zu denken
The art of thinking independently together.
Facebook: https://www.facebook.com/johasenau
Twitter: http://twitter.com/bunnyfield
Xing: http://contact.cybercraft.de
TYPO3 cookbook (2nd edition): http://www.typo3experts.com

More information about the TYPO3-english mailing list