Um ein Modal anzulegen muss ein "UI - Modal (Popup)" angelegt werden.

Die Option "Breites Modal nutzen?" erstellt ein Modal das breiter als der Normalzustand ist.
Die Option "Modal vertikal zentrieren?" zentriert das Modal vertikal auf der Seite.
Die Option "Fullscreen Modal nutzen?" erstellt ein Modal das den kompletten Bildschirm einnimmt.
Die Option "Großer innerer Abstand" reduziert auf Wunsch den inneren Abstand des Modals.
Im Feld "Modal ID" muss die ID des Modals eingetragen, über die dieses aufrufbar ist. Eine ID darf nur einmal auf einer Seite vorkommen und darf keine Leerzeichen oder Umlaute beinhalten. Außerdem wird zwischen Groß- und Kleinschreibung unterschieden [Bsp.: kontakt].
Die Option "Button Text" erzeugt einen Button mit dem eingegeben Text. Bei Klick auf den Button öffnet sich das Modal.
Die Option "Modal automatisch öffnen" öffnet das Modal autoamtisch bei Seitenaufruf. Im Feld "Zeitverzögerung" kann eingegeben werden, wie groß die Zeitverzögerung zwischen Seitenaufruf und Öffnung des Modals sein soll.

Modals

Ein Modal Element erzeugt einen Button, der bei Klick ein Overlay mit Inhalt öffnet.

Lorem ipsum dolor sit amet

Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Lorem ipsum dolor sit amet

Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Lorem ipsum dolor sit amet

Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.