Liste der Anhänge anzeigen (Anzahl: 1)
Ich habe hier mal einen Screenshot gemacht
Liste der Anhänge anzeigen (Anzahl: 1)
LÖSUNG:
siehe Screenshot. Ich habe mich total auf die darunterstehende Beschreibung "Hier können Sie einen Templates-Ordner festlegen, der mit dem Theme zusammen exportiert wird."
konzentriert und habe mir gedacht: "Ich will doch nichts exportieren".
Dann habe ich mal das theme_one selektiert und siehe da - ES FUNKTIONIERT!!
Liste der Anhänge anzeigen (Anzahl: 1)
Sieht bei mir im Backend im Seitenlayout dann so aus, man beachte das Theme in Klammern beim Template:
Edit: Ok, dann hat sichs wohl erledigt.
nochmal akkordion geschlossen
Hallo,
verwende contao 3.5 mit jquery.
Habe das template entsprechend geändert (ist auch im richtigen Verzeichnis, Änderung ist auch im Quelltext sichtbar), und zwar so:
Code:
<script src="<?= TL_ASSETS_URL ?>assets/jquery/ui/<?= $GLOBALS['TL_ASSETS']['JQUERY_UI'] ?>/jquery-ui.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
$(document).accordion({
// Put custom options here
heightStyle: 'content',
header: 'div.toggler',
collapsible: true,
active: false
create: function(event, ui) {
ui.header.addClass('active');
$('div.toggler').attr('tabindex', 0);
},
activate: function(event, ui) {
ui.newHeader.addClass('active');
ui.oldHeader.removeClass('active');
$('div.toggler').attr('tabindex', 0);
}
});
});
})(jQuery);
</script>
Die Änderung zieht auch, nur leider mit dem Ergebnis, dass jetzt beide Akkordions offen sind anstatt beide geschlossen. Was habe ich falsch gemacht?
Liste der Anhänge anzeigen (Anzahl: 1)
Ich habe genau das gleiche Anliegen entsprechend dem Thema.
Leider kann ich die Lösung aus den bisherigen Beiträgen nicht heraus lesen.
Im Backend habe ich unter Templates neue Templates erstellt und aus der Vorschlagsliste die unten beschriebenen Templates ausgewählt
Anhang 20731Anhang 20731
Ich habe bereits, wie es im Handbuch steht, das Template moo_accordion.html5 um die Zeile display: -1, // -1, alle Akkordions sind am Anfang eingeklappt erweitert. Dennoch ist immer das erste Element im Akkordeon geöffnet.
Code:
<script>
(function() {
window.addEvent('domready', function() {
new Fx.Accordion($$('div.toggler'), $$('div.accordion'), {
opacity: false,
display: -1, // -1, alle Akkordions sind am Anfang eingeklappt
alwaysHide: true,
onActive: function(tog, el) {
el.setProperty('aria-hidden', 'false');
tog.addClass('active');
tog.getNext('div').fade('in');
tog.setProperty('aria-expanded', 'true');
return false;
},
onBackground: function(tog, el) {
el.setProperty('aria-hidden', 'true');
tog.removeClass('active');
tog.getNext('div').fade('out');
tog.setProperty('aria-expanded', 'false');
return false;
}
});
$$('div.toggler').each(function(el) {
el.setProperty('role', 'tab');
el.setProperty('tabindex', 0);
el.addEvents({
'keypress': function(event) {
if (event.code == 13 || event.code == 32) {
this.fireEvent('click');
}
},
'focus': function() {
this.addClass('hover');
},
'blur': function() {
this.removeClass('hover');
},
'mouseenter': function() {
this.addClass('hover');
},
'mouseleave': function() {
this.removeClass('hover');
}
});
});
$$('div.accordion').each(function(el) {
el.setProperty('role', 'tabpanel');
});
});
})();
</script>
Der code für das Template j_accordion.html5 sieht so aus:
Code:
<script src="<?= TL_ASSETS_URL ?>assets/jquery/ui/<?= $GLOBALS['TL_ASSETS']['JQUERY_UI'] ?>/jquery-ui.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
$(document).accordion({
// Put custom options here
heightStyle: 'content',
header: 'div.toggler',
collapsible: true,
create: function(event, ui) {
ui.header.addClass('active');
$('div.toggler').attr('tabindex', 0);
},
activate: function(event, ui) {
ui.newHeader.addClass('active');
ui.oldHeader.removeClass('active');
$('div.toggler').attr('tabindex', 0);
}
});
});
})(jQuery);
</script>