Auf dieser Seite

• Modal ziehen und ablegen

• Modal anpassen

• Benutzerdefinierte Stile

• Modell-Bildschirmansicht

Diese Anleitung hilft Ihnen beim Hinzufügen eines Modals.

Modal ziehen und ablegen

• Ziehen Sie das Modal per Drag and Drop aus dem linken Widget-Panel, wie im Bild unten gezeigt.

• Im Dialogfeld des Modals können Sie nun den Inhalt des Modals ändern und das Modal anpassen.

Modal anpassen

• Um dem Modal ein benutzerdefiniertes Styling zu geben, wählen Sie einfach "Benutzerdefiniert" aus "Stil", wie in der Abbildung unten gezeigt.

• Sobald Sie "Benutzerdefiniert" ausgewählt haben, können Sie die Hintergrundfarbe und die Farbe des Feldes bearbeiten, wie in der Abbildung unten gezeigt.

• Geben Sie nun den Text auf der Schaltfläche ein, um ihn auf Ihrer Modal-Schaltfläche zu sehen.

• Wenn Sie möchten, dass die Schaltfläche in voller Breite angezeigt wird, aktivieren Sie einfach das Feld Dehnen, wie in der Abbildung unten gezeigt.

• Wählen Sie nun die Position für die modale Schaltfläche. Es gibt 3 Optionen: Links, Mitte, Rechts - wählen Sie eine davon aus.

• Wählen Sie das Symbol aus, das in der modalen Schaltfläche angezeigt werden soll, oder wenn Sie kein Symbol wünschen, können Sie es als leer angeben.

• Wenn Sie das Symbol auswählen, müssen Sie die Position des Symbols angeben. Standardmäßig ist es links, aber Sie können es auch auf rechts ändern.

• Wählen Sie nun die Art der Animation aus, um den modalen Bildschirm auf der Website anzuzeigen, und dasselbe gilt für das Ausblenden, wie in der Abbildung unten gezeigt.

Benutzerdefinierte Stile

• Sie können vordefinierte Stile auswählen, indem Sie auf Vordefinierte Stile klicken, wie im Bild unten gezeigt.

• Sie können auch benutzerdefinierte Stile eingeben, indem Sie auf “Elementstil bearbeiten” klicken, wie im Bild unten gezeigt.

Modell-Bildschirmansicht

• Wenn Sie auf die Schaltfläche "Modell" klicken, wird ein Bildschirm wie in der Abbildung unten angezeigt.