Dragonfly CMS v9 ⇒ Modules & Blocks ⇒ Accordion tabs ⇒ Community Forums ⇒ CPG Dragonfly™ CMS
Forum IndexModules & Blocks

Accordion tabs Reply to topic


There's any way to use this horizontal accordion with some blocks in each tab??
This is the code of the acordion: (demo: http://www.madeincima.it/download/samples/jquery/easyAccordion/ )

<div id="accordion-1">
<dl>
<dt>1 tab</dt>
<dd>PLACE WHERE I WANT TO PUT A BLOCK</dd>
<dt>2 tab</dt>
<dd>PLACE WHERE I WANT TO PUT A BLOCK</dd>
<dt>3 tab</dt>
<dd>PLACE WHERE I WANT TO PUT A BLOCK</dd>
<dt>4 tab</dt>
<dd>PLACE WHERE I WANT TO PUT A BLOCK</dd>
<dt>5 tab</dt>
<dd>PLACE WHERE I WANT TO PUT A BLOCK</dd>
<dt>6 tab</dt>
<dd>PLACE WHERE I WANT TO PUT A BLOCK</dd>
</dl>
</div>

What I want to do this in 1 of 2 ways:

1st - code in header.html inside centerblock
2nd - code as block in admin section and aligned in up centerblock

I tried several ways to do it but no luck so far.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
9.3


It is possible to edit the loop of blocks in header.html to do what you want following the order assigned from admin blocks.

I'm pretty busy in those days but if I get the time in the next few days I could post the header.html modifications.

.:: I met php the 03 December 2003 :: Unforgettable day! ::.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
CloudLinux / Apache 2.4 LSAPI / MySQLi 5.6 / PHP 5.6 / DCVS


Oh well, try:
<div id="accordion-1"> <dl> <!-- BEGIN centerblock --> <dt>{centerblock.S_TITLE}</dt> <dd>{centerblock.S_CONTENT}</dd> <!-- END centerblock --> </dl> </div>

.:: I met php the 03 December 2003 :: Unforgettable day! ::.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
CloudLinux / Apache 2.4 LSAPI / MySQLi 5.6 / PHP 5.6 / DCVS


thanks a lot for your help.

check how it works here

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
9.3


Vertical animated tabs? Looks great!

.:: I met php the 03 December 2003 :: Unforgettable day! ::.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
CloudLinux / Apache 2.4 LSAPI / MySQLi 5.6 / PHP 5.6 / DCVS


NanoCaiordo wrote
Vertical animated tabs? Looks great!


http://www.qlimaxx.com/dragonfly/index.php

;D better now.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
9.3


that might be a good idea to do left and right blocks like that Smile

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Multiple Setups

All times are UTC


Jump to: