Im Input Fields View legst du fest, wie Nutzer einen Text in deinem Template ändern. Ein Text-Input-Feld steuert den Inhalt eines Texts: Was Nutzer im Design-Generator eintippen oder auswählen, erscheint im Design. Wie du eines anlegst, steht in Input-Feld erstellen: Text oder Bild änderbar machen.
Die Einstellungen öffnest du im Input Fields View mit dem Zahnrad rechts im Input-Feld und schließt sie mit Done. Title, Description und Variable name haben alle Input-Felder. Sie stehen in Einstellungen eines Input-Felds.
Es gibt zwei Feldtypen:
- Text: Nutzer tippen selbst einen Text.
- Text Selection: Nutzer wählen einen Text, den du vorgibst.
Text
Standardwert ist der Text, der vorher im Element stand.
- Allow multiline: Nutzer dürfen eigene Zeilenumbrüche einfügen. Standardmäßig an.
- Show character count: zeigt Nutzern, wie viele Zeichen sie schon eingegeben haben. Hilfreich, wenn du ein Zeichenlimit nutzt. Standardmäßig aus.
- Show clear button: zeigt einen Button, der das Input-Feld mit einem Klick leert. Er erscheint erst, wenn im Input-Feld Text steht. Standardmäßig aus.
Drei Einstellungen begrenzen die Länge des Texts. Schaltest du eine ein, startet sie mit dem Wert in Klammern:
- Limit total number of characters: höchstens so viele Zeichen im ganzen Text (100).
- Limit total number of lines: höchstens so viele Zeilen (10).
- Limit the number of characters per line: höchstens so viele Zeichen in jeder Zeile (50).
Die Limits halten Nutzer nicht vom Tippen ab. Text über dem Limit fehlt im Design, und Nutzer sehen ein rotes Warnsymbol.
Text Selection
Nutzer wählen aus Texten, die du vorgibst. Wie du die Optionen anlegst, steht in Auswahl anbieten: Nutzer aus festen Texten oder Bildern wählen lassen.
- Text options: die Texte, aus denen Nutzer wählen. Jede Option ist eine Zeile:
- Value: der Text, der im Design erscheint.
- Custom label: gibt der Option eine eigene Beschriftung. Ist es an, gibst du sie bei Label ein. Nutzer sehen die Beschriftung statt des Texts.
- Mit dem Griff links ziehst du die Option an eine andere Stelle. Der Papierkorb löscht sie. Eine Option muss immer bleiben.
- Add option: fügt eine Option hinzu. Sie ist eine Kopie der letzten Option.
- Type: Dropdown oder Buttons. Standardmäßig Dropdown.
Standardwert ist die Option, die du im Input Fields View im Input-Feld auswählst.
Im Design-Generator sehen Nutzer bei Dropdown ein Dropdown-Menü mit dem Hinweis „Select option“, bei Buttons einen Button pro Option. Auf dem Smartphone zeigt der Design-Generator Buttons als Dropdown-Menü.