Overlays

Um Inhalte im Overlay zu öffnen, werden Standard a-Tags mit der Klasse open-overlay ausgezeichnet. Über open-overlay.js wird der Inhalt aus dem main-Tag der Zielseite in das Overlay geladen.

Benutzt auf 04.dashboard.html. Benötigt jQuery-Plugin 'open-overlay.js' & 'overlay.js'.

Die Hintergrundfarbe wird auf grau gesetzt, wenn der öffnende Link die Klasse overlay-gray enthält.

Info-Overlay öffnen


                    <a href="../pages/06.01.info-gutschein.html" class="button button-brand bg-color-event bg-color-event-darker-hover open-overlay"><span>Info-Overlay öffnen</span></a>

Formular-Auswahl öffnen


                    <a href="../pages/09.ticket-erstellen-auswahl.html" class="button button-brand bg-color-event bg-color-event-darker-hover open-overlay overlay-gray"><span>Formular-Auswahl öffnen</span></a>

Formular öffnen


                    <a href="../pages/09.01.ticket-erstellen.html" class="button button-brand bg-color-event bg-color-event-darker-hover open-overlay overlay-gray"><span>Formular öffnen</span></a>