In der Dokumentation des UIKit3 ist eine Option zum Umschalten in den Full-Screen-Mode definiert:

getuikit.com/v2/docs/slideshow.html

Man soll dazu die Klasse "uk-slideshow-fullscreen" hinzufügen:
Ich habe versucht die Klasse als "Class for Content" oder als "Header-Klasse" im Moduleditor hinzuzufügen, aber das hatte leider keinen Effekt. Im Debugger taucht die Klasse auch nirgendwo auf. Wie kann ich den Fullscreen-Modus aktivieren?

Danke und viele Grüße!

Hallo,
1.) Sie sind auf der Uikit 2 Site. Uikit 3 ist hier
getuikit.com/docs/slideshow

2.) Da die Slideshow unser eigenes Modul ist mit vielen Parameter, können sie keinen Fullscreen Parameter hinzufügen.
Sie können jedoch die Uikit Slideshow auch als pures Custom html Module in Joomla nutzen.
Einfach den Code von der Slideshow in ein custom module einfügen ( Tiny Editor ausschalten)

joomlaplates schrieb:

1.) Sie sind auf der Uikit 2 Site. Uikit 3 ist hier
getuikit.com/docs/slideshow

Oh, danke für die Tipp!

joomlaplates schrieb:

2.) Da die Slideshow unser eigenes Modul ist mit vielen Parameter, können sie keinen Fullscreen Parameter hinzufügen.
Sie können jedoch die Uikit Slideshow auch als pures Custom html Module in Joomla nutzen.
Einfach den Code von der Slideshow in ein custom module einfügen ( Tiny Editor ausschalten)

Das hatte ich schon mal mit diesem Ansatz versucht der aber nicht funktioniert: Wenn ich es richtig verstehe ist die Fullscreen-Klasse einfach nicht mehr verfügbar im uikit3. Heißt dass ich muss parallel uikit2 installieren und in meinem custom Modul darauf zugreifen?

Anstelle eines Slide-show-Moduls würde mir auch eine slide-show im Hintergrundbild gut gefallen. Dafür habe ich aber noch keine Lösung für "Dummies" gefunden. Existiert da etwas?

Danke und Grüße!

Hallo,
1.) Uikit 2 läuft nicht mit Uikit 3
2.) im Uikit 3 heisst der Parameter > ^{uk-height-viewport}
getuikit.com/docs/slideshow#viewport-height

Hier der HTML Code

<div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow="ratio: false">
<ul class="uk-slideshow-items" uk-height-viewport="offset-top: true">
<li>
<img src="images/photo.jpg" alt="" uk-cover>
</li>
<li>
<img src="images/dark.jpg" alt="" uk-cover>
</li>
<li>
<img src="images/light.jpg" alt="" uk-cover>
</li>
</ul>
<a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>
</div>