Du kannst einen bildschirmfüllenden Jumbotron (Hero-Abschnitt) erstellen, der die volle Höhe des Browserfensters einnimmt.

Dazu auf der gewünschten Seite unter “Seite bearbeiten” die Option “Full height section” aktivieren (s. Screenshot).

Folgende Konstanten sind zu setzen:

bootstrap.config.jumbotronEnable = 1
bootstrap.config.navbarHeight = 0

Optionales Setting für das “Scroll-Icon”:

page.10.settings.fullHeightSection.icon = <i class="fa-solid fa-chevron-down"></i>

Das default Icon benötigt FontAwesome.
Ohne Eingabe, wird kein Icon angezeigt!

Video

Hier können auch mp4 Videos bildschirmfüllend eingefügt werden!

Einen “Video-Slider” gibt es nicht!
Das Video muss auf der Seite eingefügt werden, auf der es angezeigt werden soll.

Folgende Konstante muss zusätzlich gesetzt werden:

 

bootstrap.config.jumbotronBgimage = page

 

Optionales CSS für das “Scroll-Icon” - hier Abstand zum unteren Rand:

#full-height-section #full-height-icon { bottom: 30px; }

Als Hintergrund werden die Bilder der Seiteneigenschaften (pages media) genutzt, falls vorhanden.
Wenn hier mehr als ein Bild vorhanden ist, wird ein Carousel-Slider erstellt.

Weitere Anpassungen können in folgendem Template vorgenommen werden:

…/Partials/Page/_mainfullheight.html

Hierzu muss das Template ausgelagert werden!