T3 jQuery-Akkordeon mit Gridelements
Und Ihr seht das jQuery-Akkordeon hier sofort im Einsatz:
Typoscript Code
Alle Gridelements wurden auf Fluid-Templates umgestellt. Demnach ist der Typoscript-Code:
//tt_content.gridelements_pi1.10 =< lib.stdheader
tt_content.gridelements_pi1.20.10.setup {
// jQuery Akkordeon
jqaccordion < lib.gridelements.defaultGridSetup
jqaccordion {
cObject = FLUIDTEMPLATE
cObject {
file = {$tmpPath}accordion.html
templateRootPaths.10 = fileadmin/Templates/Templates/
partialRootPaths.10 = fileadmin/Templates/Partials/
layoutRootPaths.10 = fileadmin/Templates/Layouts/
settings.defaultHeaderType = {$styles.content.defaultHeaderType}
settings.accordion = 1
}
}
}
// MUSS ins SETUP geschrieben werden, ganz am Schluss, da sonst Teile gelöscht werden!!!
tt_content.gridelements_view < tt_content.gridelements_pi1
Weiterhin steht im Fluidtemplate "accordion.html" beispielhaft:
<script type="text/javascript">
$(function() {
$( ".ge-accordion" ).accordion({
header: '> .fsc > .ce-header',
collapsible: true,
autoHeight: false,
heightStyle: 'content',
active: 0
});
});
</script>
<div id="c{data.uid}" class="ge-accordion l2t{data.flexform_acc-link2top} fsc ceLayout {data.CType}{data.layout}"
data-role="collapsible-set"
>
<f:render partial="Header" arguments="{_all}" />
<f:format.raw>{data.tx_gridelements_view_column_10}</f:format.raw>
</div>