Unser Textfeld-Block ist ein ideales Werkzeug, um einen Raum für mehr Interaktion zwischen dir und deinen Usern zu schaffen, da du individuell einstellen kannst, wie viele Zeilen Text erlaubt sind.
🔎 Wenn du nach einer einzeiligen Eingabeoption suchst, dann schau dir unser Eingabefeld an.
Hinzufügen des Textfeld-Blocks
Im Tab Blöcke gehe zu Eingabe und ziehe den Textfeld-Block in deinen Heyflow
Erhöhe die Anzahl der möglichen Textzeilen innerhalb des Feldes, um die Größe des ganzen Textfeldes anzupassen.
Bearbeite den Platzhaltertext, der einen Hinweis auf den erwarteten Wert des Textfelds gibt.
Füge ein Systemlabel hinzu, um sicherzustellen, dass du die Daten auf sinnvolle Weise weiterverarbeitest.
Publiziere deinen heyflow und schon bist du startklar!
Design des Textfeld-Blocks
Es gibt mehrere Möglichkeiten, den Block noch mehr als oben beschrieben anzupassen. Gehe einfach auf die Registerkarte Design und beginne mit der Arbeit an den Presets. Bei manchen Plänen kannst du sogar noch tiefer in alle Bereiche von Design und Aussehen eintauchen. Wenn du an den Presets arbeitest, kannst oben in den Bereich Styles gehen und jedes kleine Detail der einzelnen Bereiche bearbeiten.
Bearbeitungsoptionen
Allgemein
Allgemein
Sensitiv: Wenn aktiviert, werden die Werte nicht in unserer Datenbank gespeichert (mehr Informationen hier).
Auto-Fokus: Setzt den Maus-Fokus auf das Eingabefeld, sodass die User:in direkt lostippen kann.
Benötigt: Wenn aktiviert, müssen deine User eine Auswahl treffen, bevor sie im Flow weiter klicken können.
Höhe: Bestimme die Höhe des Textfelds per Schieberegler oder per Anzahl an Zeilen.
Abstand
Abstand
Breite: Hierüber kannst du die maximale Ausbreitung des Blockes anpassen und zwischen S, M, L und maximaler Breite auswählen.
Oben, Unten, Links und Rechts: Über diese Optionen kannst du den Abstand zu allen Seiten festlegen. Verwende hierzu entweder den Schieberegler oder lege die genaue Pixelanzahl fest.
Aussehen
Aussehen
Sichtbarkeit: Hierüber kannst du auswählen, ob der Block nur in der mobilen bzw. Desktop Version angezeigt wird oder diesen gänzlich verstecken.
Hintergrundfarbe: Du kannst du eine Farbe auswählen, die als Hintergrund für den Block genutzt wird.
Validierung
Validierung
Auslösen bei: Wähle, nach welcher Aktion der Nutzer:in die Validierung stattfinden soll und das Ergebnis angezeigt werden soll.
Fehlermeldung: Lege den angezeigten Text der Fehlermeldung fest, der bei einer falschen Eingabe angezeigt wird.
Labels & Variablen
Labels & Variablen
System Label: Lege ein System Label für den Block fest.
Variable: Siehe Variable.
Erweitert
Erweitert
Native Auto-Vervollständigung: Lege fest, ob die unter Allgemein bestimmten Elemente zur Auto-Vervollständigung, zur Verfügung stehen.