{"schemaVersion":"2.0.0","defaultLanguage":"en","languages":["en"],"launchScreenId":"article_screen_help-block-text-field","screens":{"article_screen_help-block-text-field":{"id":"article_screen_help-block-text-field","name":"Text Field — all settings","tags":["article"],"screenType":"FlexibleLayout","position":{"x":0,"y":0},"content":{"canvas":{"background":{"kind":"solid","content":{"color":"#F7F8FA"}},"insets":{"top":0,"end":0,"bottom":0,"start":0},"webViewBackgroundColor":"#F7F8FA"},"animated":false,"offlineFirst":true,"flexibleLayout":{"scrollable":true,"insets":{"top":44,"end":28,"bottom":56,"start":28},"sections":[{"id":"intro","order":0,"kind":"Text","label":"Intro","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Text Field — every setting"},"kind":"static","appearance":{"align":"start","fontSize":28,"fontWeight":800,"lineHeight":34,"color":"#101828"}},"subtitle":{"translations":{"en":"The free-text input field — what kind of value it accepts and how typed answers look. This guide documents every setting of the Text Field block, grouped by area. Each setting matches a real control in the screen editor."},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":400,"lineHeight":26,"color":"#475467"}}}},{"id":"section-context","order":1,"kind":"Media","label":"Text Field in the editor","layout":{"heightKind":"fixed","heightValue":360,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/context-section.png","name":"The screen editor with the Text Field section highlighted."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"section-context-cap","order":2,"kind":"Text","label":"Context caption","layout":{"heightKind":"auto"},"textContent":{"subtitle":{"translations":{"en":"Open the Text Field section in the screen editor to configure its settings."},"kind":"static","appearance":{"align":"start","fontSize":13,"fontWeight":500,"lineHeight":19,"color":"#667085"}}}},{"id":"article-first-applies-to","order":3,"kind":"Text","label":"Applies to","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Applies to: Text Input screens."},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":25,"color":"#344054"}}}},{"id":"g-behavior-head","order":4,"kind":"Text","label":"Group: Input type & behaviour","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Input type & behaviour"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-textfield-content-textfield-fieldtype","order":5,"kind":"Text","label":"Input type & behaviour · What the field accepts","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"What the field accepts"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Tells the field what kind of value to accept — plain text, a whole number, a decimal, a date, or an email — and automatically applies basic checks plus the right phone keyboard. Use Email for email capture and plain text for open answers. Picking the correct type blocks bad data, keeping any branching, analytics, or CRM that reads this answer reliable."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-fieldtype-img","order":6,"kind":"Media","label":"What the field accepts","layout":{"heightKind":"fixed","heightValue":105,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/open-section-field-type.png","name":"Where to find “What the field accepts” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-keyboardtype","order":7,"kind":"Text","label":"Input type & behaviour · Override mobile keyboard input type","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Override mobile keyboard input type"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Forces a specific keyboard on mobile devices (Email, Numeric, Decimal, Phone, URL, etc.). Leave as Auto (from field type) to let the system derive keyboard type from Field Type setting."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-keyboardtype-img","order":8,"kind":"Media","label":"Override mobile keyboard input type","layout":{"heightKind":"fixed","heightValue":105,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-keyboard-type.png","name":"Where to find “Override mobile keyboard input type” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-setfocuswhenscreenappeared","order":9,"kind":"Text","label":"Input type & behaviour · Focus field when screen loads","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Focus field when screen loads"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"When enabled, the field automatically receives focus and opens the keyboard when the screen appears. Default is true. Useful for primary input fields."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-setfocuswhenscreenappeared-img","order":10,"kind":"Media","label":"Focus field when screen loads","layout":{"heightKind":"fixed","heightValue":66,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-auto-focus.png","name":"Where to find “Focus field when screen loads” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-validationregex","order":11,"kind":"Text","label":"Input type & behaviour · Custom format rule (advanced)","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Custom format rule (advanced)"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"An optional advanced rule that forces the typed value to match an exact pattern before the visitor can continue. Most funnels leave this empty and rely on Field Type instead — for emails the Email type already checks the format. Use it only for special shapes like postal or phone codes; if input fails, the Error Message you set is shown."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-validationregex-img","order":12,"kind":"Media","label":"Custom format rule (advanced)","layout":{"heightKind":"fixed","heightValue":120,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/open-section-validation-regex.png","name":"Where to find “Custom format rule (advanced)” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-box-head","order":13,"kind":"Text","label":"Group: Input box appearance & spacing","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Input box appearance & spacing"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-textfield-content-textfield-appearance-enteredtextcolor","order":14,"kind":"Text","label":"Input box appearance & spacing · Color of typed answers","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Color of typed answers"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the color of the text a visitor types into this field; the gray placeholder hint has its own separate color. Pick a color with strong contrast against the field background (use a light color on dark themes) so answers stay legible. Easy-to-read fields are easier to fill in, which protects completion on your data-collection screens."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-appearance-enteredtextcolor-img","order":15,"kind":"Media","label":"Color of typed answers","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-text-color.png","name":"Where to find “Color of typed answers” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-appearance-backgroundcolor","order":16,"kind":"Text","label":"Input box appearance & spacing · Fill behind the input","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Fill behind the input"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the fill color inside the input box. Most funnels leave it clear so the screen background shows through, or use a subtle light fill to make the tappable field stand out. Just make sure it contrasts with the typed-text color so answers stay easy to read and people don't abandon the question."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-appearance-backgroundcolor-img","order":17,"kind":"Media","label":"Fill behind the input","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-background-color.png","name":"Where to find “Fill behind the input” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-appearance-bordercolor","order":18,"kind":"Text","label":"Input box appearance & spacing · Color of the field outline","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Color of the field outline"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the color of the field's outline, which only appears when the Border Style is an underline or a full box. Use a tone from your theme — an accent or a soft neutral — so the field's edges read clearly as something to tap and type into. A visible outline helps people recognize and fill in the field."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-appearance-bordercolor-img","order":19,"kind":"Media","label":"Color of the field outline","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-border-color.png","name":"Where to find “Color of the field outline” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-appearance-borderwidth","order":20,"kind":"Text","label":"Input box appearance & spacing · Thickness of the outline","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Thickness of the outline"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Controls how thick the field's outline is, from 0 to 50 pixels (default 1). Keep it at 1-2 pixels for a clean, modern look and only go thicker for a deliberately bold style. A visible but restrained outline helps people spot the field at a glance and answer faster."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-appearance-borderwidth-img","order":21,"kind":"Media","label":"Thickness of the outline","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-border-width.png","name":"Where to find “Thickness of the outline” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-appearance-bordertype","order":22,"kind":"Text","label":"Input box appearance & spacing · Pick the field outline style","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Pick the field outline style"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Chooses how the field is outlined: a bottom underline under the text, a bottom underline with room for an icon, or a full box around the whole field. A full box reads most clearly as a place to type, while underline styles feel lighter. Your pick here also decides whether the Border Color and Border Width settings actually show."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-appearance-bordertype-img","order":23,"kind":"Media","label":"Pick the field outline style","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-border-type.png","name":"Where to find “Pick the field outline style” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-layout-insets","order":24,"kind":"Text","label":"Input box appearance & spacing · Space inside the field","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Space inside the field"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the breathing room between the text or icon and the field's edges, on the top, right, bottom, and left. Generous spacing makes the field a bigger, easier tap target and keeps text from crowding the outline. If the field feels cramped on a phone, increase the top and bottom spacing."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-layout-insets-img","order":25,"kind":"Media","label":"Space inside the field","layout":{"heightKind":"fixed","heightValue":114,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-padding.png","name":"Where to find “Space inside the field” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-appearance-bordermargins","order":26,"kind":"Text","label":"Input box appearance & spacing · Space around the field","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Space around the field"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the gap OUTSIDE the field, separating it from the title above and anything below, on the top, right, bottom, and left. Use it to give the field room to breathe within the screen. This is the space around the field — distinct from Internal Padding, which is the space inside it."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-appearance-bordermargins-img","order":27,"kind":"Media","label":"Space around the field","layout":{"heightKind":"fixed","heightValue":114,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-margins.png","name":"Where to find “Space around the field” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-placeholder-head","order":28,"kind":"Text","label":"Group: Placeholder text & styles","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Placeholder text & styles"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-textfield-content-textfield-placeholder-appearance-fontfamily","order":29,"kind":"Text","label":"Placeholder text & styles · Font for the field","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Font for the field"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Picks the font used for both the placeholder hint and what the visitor types. Leave it on the system font unless you have a brand font, and match whatever the rest of your funnel uses. Consistent type keeps the page feeling polished and trustworthy, which matters when you're paying for the traffic."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-placeholder-appearance-fontfamily-img","order":30,"kind":"Media","label":"Font for the field","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-font-family.png","name":"Where to find “Font for the field” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-placeholder-appearance-fontsize","order":31,"kind":"Text","label":"Placeholder text & styles · Size of the field text","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Size of the field text"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets how large the text in the field appears, from 0 to 50 points (default 15). Keep it around 15-17 points so answers are comfortable to read on a phone. Text that's too small is hard to read on mobile, where most ad traffic lands, and can quietly drag down completion."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-placeholder-appearance-fontsize-img","order":32,"kind":"Media","label":"Size of the field text","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-font-size.png","name":"Where to find “Size of the field text” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-placeholder-appearance-fontweight","order":33,"kind":"Text","label":"Placeholder text & styles · Weight of the field text","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Weight of the field text"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets how heavy the field text looks, from light (300) to bold (700), with regular (400) as the default. Regular is right for almost every input field. Keeping it regular makes the text read like an editable answer rather than a heading, so the field stays obvious and easy to use."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-placeholder-appearance-fontweight-img","order":34,"kind":"Media","label":"Weight of the field text","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-font-weight.png","name":"Where to find “Weight of the field text” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-placeholder-appearance-lineheight","order":35,"kind":"Text","label":"Placeholder text & styles · Line spacing in the field","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Line spacing in the field"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the vertical gap between lines of typed text (0-50pt, default 18). It only shows when an answer wraps onto multiple lines, so for normal single-line questions leave it at the default. Adjust it only if you've allowed long, multi-line responses and they feel too cramped or too loose."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-placeholder-appearance-lineheight-img","order":36,"kind":"Media","label":"Line spacing in the field","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-line-height.png","name":"Where to find “Line spacing in the field” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-placeholder-appearance-align","order":37,"kind":"Text","label":"Placeholder text & styles · How the text lines up","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"How the text lines up"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Lines up the placeholder and typed text to the left, center, or right (default center). Left is the most familiar for input fields and the easiest to scan, while center suits short, decorative prompts. Pick whichever keeps the answer clearly readable for what you're collecting."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-placeholder-appearance-align-img","order":38,"kind":"Media","label":"How the text lines up","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-text-align.png","name":"Where to find “How the text lines up” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-placeholder","order":39,"kind":"Text","label":"Placeholder text & styles · Set placeholder hint text","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Set placeholder hint text"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Hint text displayed in the field when empty, guiding users on what to enter. Can be localized per locale. Styling controlled by text appearance settings."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-placeholder-img","order":40,"kind":"Media","label":"Set placeholder hint text","layout":{"heightKind":"fixed","heightValue":124,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/open-section-placeholder.png","name":"Where to find “Set placeholder hint text” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-placeholder-appearance-color","order":41,"kind":"Text","label":"Placeholder text & styles · Color of the hint text","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Color of the hint text"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the color of the faint hint shown while the field is empty, separate from the color of what the visitor types (default is a light gray, #999999). Keep it dimmer than the typed-text color so people can tell the hint from a real answer, but not so faint it disappears against your background."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-placeholder-appearance-color-img","order":42,"kind":"Media","label":"Color of the hint text","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/placeholder-styles-color.png","name":"Where to find “Color of the hint text” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-error-head","order":43,"kind":"Text","label":"Group: Validation error message","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Validation error message"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-textfield-content-textfield-errormessage","order":44,"kind":"Text","label":"Validation error message · Set validation error message","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Set validation error message"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Message displayed when user input fails validation (does not match Validation Regex or Field Type). Shown to guide correction. Can be localized per locale."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-errormessage-img","order":45,"kind":"Media","label":"Set validation error message","layout":{"heightKind":"fixed","heightValue":124,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/open-section-error-message.png","name":"Where to find “Set validation error message” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-errormessage-appearance-backgroundcolor","order":46,"kind":"Text","label":"Validation error message · Fill behind the error text","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Fill behind the error text"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets a fill color behind the validation error message that appears when an answer is rejected. Usually leave it transparent so only the red text shows; add a subtle tint only if you want the error to read like a banner. Whatever you choose, keep enough contrast with the error text so the message stays readable and users can quickly fix and continue."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-errormessage-appearance-backgroundcolor-img","order":47,"kind":"Media","label":"Fill behind the error text","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/error-styles-background.png","name":"Where to find “Fill behind the error text” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-errormessage-appearance-enteredtextcolor","order":48,"kind":"Text","label":"Validation error message · Color of the error message","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Color of the error message"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the color of the error text shown when an answer fails validation (default red, #FF3B30). Keep it red or another high-contrast warning color so people instantly see that their input was rejected and needs fixing. A clear error keeps them from giving up before they can continue."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-errormessage-appearance-enteredtextcolor-img","order":49,"kind":"Media","label":"Color of the error message","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/error-styles-text-color.png","name":"Where to find “Color of the error message” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-errormessage-appearance-fontfamily","order":50,"kind":"Text","label":"Validation error message · Font of the error text","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Font of the error text"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the typeface for the validation error message shown when an answer is rejected. Leave it on your theme/system font unless you have a specific brand font, and match it to the field's font so the error looks like part of the same form. A consistent error style keeps the screen feeling polished and helps users trust and fix the field fast."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-errormessage-appearance-fontfamily-img","order":51,"kind":"Media","label":"Font of the error text","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/error-styles-font-family.png","name":"Where to find “Font of the error text” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-errormessage-appearance-fontsize","order":52,"kind":"Text","label":"Validation error message · Size of the error text","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Size of the error text"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the point size of the validation error message. Keep it a touch smaller than the field text (about 12-13pt) so it reads as a secondary note, but not so small it's hard to read on a phone. A legible error helps users spot and fix a rejected answer instead of abandoning the screen."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-errormessage-appearance-fontsize-img","order":53,"kind":"Media","label":"Size of the error text","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/error-styles-font-size.png","name":"Where to find “Size of the error text” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-errormessage-appearance-fontweight","order":54,"kind":"Text","label":"Validation error message · Boldness of the error text","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Boldness of the error text"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets how heavy the error message looks (for example 400 regular or 600 semibold). Regular (400) works in most cases; step up to 600 if you want the error to stand out more. Paired with the red color, a bit more weight helps users notice and correct a rejected answer so they keep moving through the funnel."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-errormessage-appearance-fontweight-img","order":55,"kind":"Media","label":"Boldness of the error text","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/error-styles-font-weight.png","name":"Where to find “Boldness of the error text” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-errormessage-appearance-align","order":56,"kind":"Text","label":"Validation error message · Where the error text sits","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Where the error text sits"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Aligns the validation error message to the left, center, or right. Match it to the field's own text alignment (left is typical) so the message sits naturally under the input. Keeping them aligned makes it obvious which field was rejected, so users fix it quickly and don't stall."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-errormessage-appearance-align-img","order":57,"kind":"Media","label":"Where the error text sits","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/error-styles-text-align.png","name":"Where to find “Where the error text sits” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-icon-head","order":58,"kind":"Text","label":"Group: Field icon","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Field icon"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-textfield-content-textfield-icon","order":59,"kind":"Text","label":"Field icon · Optional icon in the field","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Optional icon in the field"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Adds a small image — like a mail or person glyph — to the left of the input to hint at what the field is for. It's optional, and you can upload a different image for each language. It only appears with a Border Style that leaves room for an icon, and its size and rounding come from the icon's image style settings."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-icon-img","order":60,"kind":"Media","label":"Optional icon in the field","layout":{"heightKind":"fixed","heightValue":124,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/open-section-icon.png","name":"Where to find “Optional icon in the field” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-icon-appearance-dimensions-width","order":61,"kind":"Text","label":"Field icon · Width of the field icon","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Width of the field icon"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets how wide the icon beside the input is (0-500px). Keep it small, around 20-24px, so it fits neatly next to the text, and usually match it to the icon height for a clean square glyph. Oversized icons crowd the field and make the input look heavier than it needs to."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-icon-appearance-dimensions-width-img","order":62,"kind":"Media","label":"Width of the field icon","layout":{"heightKind":"fixed","heightValue":91,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/icon-styles-width.png","name":"Where to find “Width of the field icon” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-icon-appearance-dimensions-height","order":63,"kind":"Text","label":"Field icon · Height of the field icon","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Height of the field icon"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets how tall the icon beside the input is (0-500px). Keep it around 20-24px so it lines up with the text, and usually match it to the icon width so the glyph stays square and undistorted. A right-sized icon reads as a helpful cue rather than visual clutter."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-icon-appearance-dimensions-height-img","order":64,"kind":"Media","label":"Height of the field icon","layout":{"heightKind":"fixed","heightValue":91,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/icon-styles-height.png","name":"Where to find “Height of the field icon” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-icon-appearance-scalemode","order":65,"kind":"Text","label":"Field icon · How the icon fills its space","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"How the icon fills its space"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Controls how the icon sits inside its box: Fit keeps the whole image visible and may leave a little padding, Fill keeps proportions but crops the edges, and Stretch fills the box and can distort the image. Use Fit for logos and glyphs — it's the safe default — unless you specifically want a cropped or stretched look."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-icon-appearance-scalemode-img","order":66,"kind":"Media","label":"How the icon fills its space","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/icon-styles-scale-mode.png","name":"Where to find “How the icon fills its space” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-icon-appearance-cornerradii-uniform","order":67,"kind":"Text","label":"Field icon · Rounding the icon corners","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Rounding the icon corners"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Rounds the corners of the icon image (0-50px, default 0 for square). Leave it at 0 for normal line or glyph icons; raise it only for a photo or avatar-style icon you want to soften or make circular. It has little visible effect on transparent line icons, so most fields can skip it."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-icon-appearance-cornerradii-uniform-img","order":68,"kind":"Media","label":"Rounding the icon corners","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/icon-styles-corner-radius.png","name":"Where to find “Rounding the icon corners” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-textfield-content-textfield-icon-layout-insets-end","order":69,"kind":"Text","label":"Field icon · Gap between icon and text","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Gap between icon and text"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets the horizontal space between the field's icon and the text the visitor types (default 8 pixels). The default works for most fields — nudge it up a little if the icon and text feel cramped, or down for a tighter look. The goal is an icon and placeholder that sit comfortably balanced."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-textfield-content-textfield-icon-layout-insets-end-img","order":70,"kind":"Media","label":"Gap between icon and text","layout":{"heightKind":"fixed","heightValue":128,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/icon-styles-gap.png","name":"Where to find “Gap between icon and text” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}}]}}}},"metadata":{"kind":"article","alias":"help-block-text-field","articlePresentation":{"version":1,"profiles":{"standard":{"containerMaxWidth":640,"contentInsets":{"top":44,"end":28,"bottom":56,"start":28},"sectionPaddingScale":1,"textScale":1},"laptop":{"containerMaxWidth":620,"contentInsets":{"top":40,"end":28,"bottom":52,"start":28},"sectionPaddingScale":0.98,"textScale":0.98},"tablet":{"containerMaxWidth":560,"contentInsets":{"top":36,"end":24,"bottom":44,"start":24},"sectionPaddingScale":0.94,"textScale":0.95},"phone":{"containerMaxWidth":"100%","contentInsets":{"top":28,"end":16,"bottom":36,"start":16},"sectionPaddingScale":0.86,"textScale":0.9,"titleTextScale":0.86}}},"settingsMap":[{"fieldKey":"content.textField.fieldType","title":"What the field accepts","sectionType":"textField","group":"behavior","guideKey":"screenedit-text-field-field-type","editorTestId":"input-text-field-field-type","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/open-section-field-type.png","articleSectionId":"set-textfield-content-textfield-fieldtype","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"control","humanInstruction":"Find “What the field accepts”.","postconditionTestId":"input-text-field-field-type"}]},{"fieldKey":"content.textField.keyboardType","title":"Override mobile keyboard input type","sectionType":"textField","group":"behavior","guideKey":"screenedit-text-field-keyboard-type","editorTestId":"input-text-field-keyboard-type","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-keyboard-type.png","articleSectionId":"set-textfield-content-textfield-keyboardtype","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Override mobile keyboard input type”.","postconditionTestId":"input-text-field-keyboard-type"}]},{"fieldKey":"content.textField.setFocusWhenScreenAppeared","title":"Focus field when screen loads","sectionType":"textField","group":"behavior","guideKey":"screenedit-text-field-auto-focus","editorTestId":"input-text-field-auto-focus-on-appear","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-auto-focus.png","articleSectionId":"set-textfield-content-textfield-setfocuswhenscreenappeared","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Focus field when screen loads”.","postconditionTestId":"input-text-field-auto-focus-on-appear"}]},{"fieldKey":"content.textField.validationRegex","title":"Custom format rule (advanced)","sectionType":"textField","group":"behavior","guideKey":"screenedit-text-field-validation-regex","editorTestId":"input-text-field-validation-regex","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/open-section-validation-regex.png","articleSectionId":"set-textfield-content-textfield-validationregex","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"control","humanInstruction":"Find “Custom format rule (advanced)”.","postconditionTestId":"input-text-field-validation-regex"}]},{"fieldKey":"content.textField.appearance.enteredTextColor","title":"Color of typed answers","sectionType":"textField","group":"box","guideKey":"screenedit-text-field-text-color","editorTestId":"field-content.textField.appearance.enteredTextColor","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-text-color.png","articleSectionId":"set-textfield-content-textfield-appearance-enteredtextcolor","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Color of typed answers”.","postconditionTestId":"field-content.textField.appearance.enteredTextColor"}]},{"fieldKey":"content.textField.appearance.backgroundColor","title":"Fill behind the input","sectionType":"textField","group":"box","guideKey":"screenedit-text-field-background-color","editorTestId":"field-content.textField.appearance.backgroundColor","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-background-color.png","articleSectionId":"set-textfield-content-textfield-appearance-backgroundcolor","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Fill behind the input”.","postconditionTestId":"field-content.textField.appearance.backgroundColor"}]},{"fieldKey":"content.textField.appearance.borderColor","title":"Color of the field outline","sectionType":"textField","group":"box","guideKey":"screenedit-text-field-border-color","editorTestId":"field-content.textField.appearance.borderColor","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-border-color.png","articleSectionId":"set-textfield-content-textfield-appearance-bordercolor","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Color of the field outline”.","postconditionTestId":"field-content.textField.appearance.borderColor"}]},{"fieldKey":"content.textField.appearance.borderWidth","title":"Thickness of the outline","sectionType":"textField","group":"box","guideKey":"screenedit-text-field-border-width","editorTestId":"field-content.textField.appearance.borderWidth","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-border-width.png","articleSectionId":"set-textfield-content-textfield-appearance-borderwidth","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Thickness of the outline”.","postconditionTestId":"field-content.textField.appearance.borderWidth"}]},{"fieldKey":"content.textField.appearance.borderType","title":"Pick the field outline style","sectionType":"textField","group":"box","guideKey":"screenedit-text-field-border-type","editorTestId":"field-content.textField.appearance.borderType","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-border-type.png","articleSectionId":"set-textfield-content-textfield-appearance-bordertype","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Pick the field outline style”.","postconditionTestId":"field-content.textField.appearance.borderType"}]},{"fieldKey":"content.textField.layout.insets","title":"Space inside the field","sectionType":"textField","group":"box","guideKey":"screenedit-text-field-padding","editorTestId":"text-field-padding","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-padding.png","articleSectionId":"set-textfield-content-textfield-layout-insets","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Space inside the field”.","postconditionTestId":"text-field-padding"}]},{"fieldKey":"content.textField.appearance.borderMargins","title":"Space around the field","sectionType":"textField","group":"box","guideKey":"screenedit-text-field-border-margins","editorTestId":"text-field-border-margins","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-margins.png","articleSectionId":"set-textfield-content-textfield-appearance-bordermargins","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Space around the field”.","postconditionTestId":"text-field-border-margins"}]},{"fieldKey":"content.textField.placeholder.appearance.fontFamily","title":"Font for the field","sectionType":"textField","group":"placeholder","guideKey":"screenedit-text-field-font-family","editorTestId":"field-content.textField.placeholder.appearance.fontFamily","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-font-family.png","articleSectionId":"set-textfield-content-textfield-placeholder-appearance-fontfamily","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Font for the field”.","postconditionTestId":"field-content.textField.placeholder.appearance.fontFamily"}]},{"fieldKey":"content.textField.placeholder.appearance.fontSize","title":"Size of the field text","sectionType":"textField","group":"placeholder","guideKey":"screenedit-text-field-font-size","editorTestId":"field-content.textField.placeholder.appearance.fontSize","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-font-size.png","articleSectionId":"set-textfield-content-textfield-placeholder-appearance-fontsize","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Size of the field text”.","postconditionTestId":"field-content.textField.placeholder.appearance.fontSize"}]},{"fieldKey":"content.textField.placeholder.appearance.fontWeight","title":"Weight of the field text","sectionType":"textField","group":"placeholder","guideKey":"screenedit-text-field-font-weight","editorTestId":"field-content.textField.placeholder.appearance.fontWeight","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-font-weight.png","articleSectionId":"set-textfield-content-textfield-placeholder-appearance-fontweight","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Weight of the field text”.","postconditionTestId":"field-content.textField.placeholder.appearance.fontWeight"}]},{"fieldKey":"content.textField.placeholder.appearance.lineHeight","title":"Line spacing in the field","sectionType":"textField","group":"placeholder","guideKey":"screenedit-text-field-line-height","editorTestId":"field-content.textField.placeholder.appearance.lineHeight","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-line-height.png","articleSectionId":"set-textfield-content-textfield-placeholder-appearance-lineheight","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “Line spacing in the field”.","postconditionTestId":"field-content.textField.placeholder.appearance.lineHeight"}]},{"fieldKey":"content.textField.placeholder.appearance.align","title":"How the text lines up","sectionType":"textField","group":"placeholder","guideKey":"screenedit-text-field-text-align","editorTestId":"field-content.textField.placeholder.appearance.align","revealState":"field-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/field-styles-text-align.png","articleSectionId":"set-textfield-content-textfield-placeholder-appearance-align","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Field Styles gear (the Tune next to Field Type).","postconditionTestId":"field-content.textField.appearance.enteredTextColor"},{"to":"control","humanInstruction":"Find “How the text lines up”.","postconditionTestId":"field-content.textField.placeholder.appearance.align"}]},{"fieldKey":"content.textField.placeholder","title":"Set placeholder hint text","sectionType":"textField","group":"placeholder","guideKey":"screenedit-text-field-placeholder","editorTestId":"field-text-field-placeholder","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/open-section-placeholder.png","articleSectionId":"set-textfield-content-textfield-placeholder","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"control","humanInstruction":"Find “Set placeholder hint text”.","postconditionTestId":"field-text-field-placeholder"}]},{"fieldKey":"content.textField.placeholder.appearance.color","title":"Color of the hint text","sectionType":"textField","group":"placeholder","guideKey":"screenedit-text-field-placeholder-color","editorTestId":"field-content.textField.placeholder.appearance.color","revealState":"placeholder-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/placeholder-styles-color.png","articleSectionId":"set-textfield-content-textfield-placeholder-appearance-color","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Placeholder style settings (the Tune gear on the Placeholder row).","postconditionTestId":"field-content.textField.placeholder.appearance.color"},{"to":"control","humanInstruction":"Find “Color of the hint text”.","postconditionTestId":"field-content.textField.placeholder.appearance.color"}]},{"fieldKey":"content.textField.errorMessage","title":"Set validation error message","sectionType":"textField","group":"error","guideKey":"screenedit-text-field-error-message","editorTestId":"field-text-field-error-message","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/open-section-error-message.png","articleSectionId":"set-textfield-content-textfield-errormessage","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"control","humanInstruction":"Find “Set validation error message”.","postconditionTestId":"field-text-field-error-message"}]},{"fieldKey":"content.textField.errorMessage.appearance.backgroundColor","title":"Fill behind the error text","sectionType":"textField","group":"error","guideKey":"screenedit-text-field-error-background","editorTestId":"field-content.textField.errorMessage.appearance.backgroundColor","revealState":"error-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/error-styles-background.png","articleSectionId":"set-textfield-content-textfield-errormessage-appearance-backgroundcolor","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Error Message style settings (the Tune gear on the Error Message row).","postconditionTestId":"field-content.textField.errorMessage.appearance.backgroundColor"},{"to":"control","humanInstruction":"Find “Fill behind the error text”.","postconditionTestId":"field-content.textField.errorMessage.appearance.backgroundColor"}]},{"fieldKey":"content.textField.errorMessage.appearance.enteredTextColor","title":"Color of the error message","sectionType":"textField","group":"error","guideKey":"screenedit-text-field-error-text-color","editorTestId":"field-content.textField.errorMessage.appearance.color","revealState":"error-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/error-styles-text-color.png","articleSectionId":"set-textfield-content-textfield-errormessage-appearance-enteredtextcolor","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Error Message style settings (the Tune gear on the Error Message row).","postconditionTestId":"field-content.textField.errorMessage.appearance.backgroundColor"},{"to":"control","humanInstruction":"Find “Color of the error message”.","postconditionTestId":"field-content.textField.errorMessage.appearance.color"}]},{"fieldKey":"content.textField.errorMessage.appearance.fontFamily","title":"Font of the error text","sectionType":"textField","group":"error","guideKey":"screenedit-text-field-error-font-family","editorTestId":"field-content.textField.errorMessage.appearance.fontFamily","revealState":"error-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/error-styles-font-family.png","articleSectionId":"set-textfield-content-textfield-errormessage-appearance-fontfamily","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Error Message style settings (the Tune gear on the Error Message row).","postconditionTestId":"field-content.textField.errorMessage.appearance.backgroundColor"},{"to":"control","humanInstruction":"Find “Font of the error text”.","postconditionTestId":"field-content.textField.errorMessage.appearance.fontFamily"}]},{"fieldKey":"content.textField.errorMessage.appearance.fontSize","title":"Size of the error text","sectionType":"textField","group":"error","guideKey":"screenedit-text-field-error-font-size","editorTestId":"field-content.textField.errorMessage.appearance.fontSize","revealState":"error-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/error-styles-font-size.png","articleSectionId":"set-textfield-content-textfield-errormessage-appearance-fontsize","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Error Message style settings (the Tune gear on the Error Message row).","postconditionTestId":"field-content.textField.errorMessage.appearance.backgroundColor"},{"to":"control","humanInstruction":"Find “Size of the error text”.","postconditionTestId":"field-content.textField.errorMessage.appearance.fontSize"}]},{"fieldKey":"content.textField.errorMessage.appearance.fontWeight","title":"Boldness of the error text","sectionType":"textField","group":"error","guideKey":"screenedit-text-field-error-font-weight","editorTestId":"field-content.textField.errorMessage.appearance.fontWeight","revealState":"error-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/error-styles-font-weight.png","articleSectionId":"set-textfield-content-textfield-errormessage-appearance-fontweight","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Error Message style settings (the Tune gear on the Error Message row).","postconditionTestId":"field-content.textField.errorMessage.appearance.backgroundColor"},{"to":"control","humanInstruction":"Find “Boldness of the error text”.","postconditionTestId":"field-content.textField.errorMessage.appearance.fontWeight"}]},{"fieldKey":"content.textField.errorMessage.appearance.align","title":"Where the error text sits","sectionType":"textField","group":"error","guideKey":"screenedit-text-field-error-text-align","editorTestId":"field-content.textField.errorMessage.appearance.align","revealState":"error-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/error-styles-text-align.png","articleSectionId":"set-textfield-content-textfield-errormessage-appearance-align","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Error Message style settings (the Tune gear on the Error Message row).","postconditionTestId":"field-content.textField.errorMessage.appearance.backgroundColor"},{"to":"control","humanInstruction":"Find “Where the error text sits”.","postconditionTestId":"field-content.textField.errorMessage.appearance.align"}]},{"fieldKey":"content.textField.icon","title":"Optional icon in the field","sectionType":"textField","group":"icon","guideKey":"screenedit-text-field-icon","editorTestId":"field-text-field-icon","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/open-section-icon.png","articleSectionId":"set-textfield-content-textfield-icon","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"control","humanInstruction":"Find “Optional icon in the field”.","postconditionTestId":"field-text-field-icon"}]},{"fieldKey":"content.textField.icon.appearance.dimensions.width","title":"Width of the field icon","sectionType":"textField","group":"icon","guideKey":"screenedit-text-field-icon-width","editorTestId":"field-content.textField.icon.appearance.dimensions.width","revealState":"icon-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/icon-styles-width.png","articleSectionId":"set-textfield-content-textfield-icon-appearance-dimensions-width","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Icon style settings (the Tune gear on the Icon row).","postconditionTestId":"field-content.textField.icon.appearance.dimensions.width"},{"to":"control","humanInstruction":"Find “Width of the field icon”.","postconditionTestId":"field-content.textField.icon.appearance.dimensions.width"}]},{"fieldKey":"content.textField.icon.appearance.dimensions.height","title":"Height of the field icon","sectionType":"textField","group":"icon","guideKey":"screenedit-text-field-icon-height","editorTestId":"field-content.textField.icon.appearance.dimensions.height","revealState":"icon-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/icon-styles-height.png","articleSectionId":"set-textfield-content-textfield-icon-appearance-dimensions-height","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Icon style settings (the Tune gear on the Icon row).","postconditionTestId":"field-content.textField.icon.appearance.dimensions.width"},{"to":"control","humanInstruction":"Find “Height of the field icon”.","postconditionTestId":"field-content.textField.icon.appearance.dimensions.height"}]},{"fieldKey":"content.textField.icon.appearance.scaleMode","title":"How the icon fills its space","sectionType":"textField","group":"icon","guideKey":"screenedit-text-field-icon-scale-mode","editorTestId":"field-content.textField.icon.appearance.scaleMode","revealState":"icon-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/icon-styles-scale-mode.png","articleSectionId":"set-textfield-content-textfield-icon-appearance-scalemode","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Icon style settings (the Tune gear on the Icon row).","postconditionTestId":"field-content.textField.icon.appearance.dimensions.width"},{"to":"control","humanInstruction":"Find “How the icon fills its space”.","postconditionTestId":"field-content.textField.icon.appearance.scaleMode"}]},{"fieldKey":"content.textField.icon.appearance.cornerRadii.uniform","title":"Rounding the icon corners","sectionType":"textField","group":"icon","guideKey":"screenedit-text-field-icon-corner-radius","editorTestId":"field-content.textField.icon.appearance.cornerRadii.uniform","revealState":"icon-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/icon-styles-corner-radius.png","articleSectionId":"set-textfield-content-textfield-icon-appearance-cornerradii-uniform","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Icon style settings (the Tune gear on the Icon row).","postconditionTestId":"field-content.textField.icon.appearance.dimensions.width"},{"to":"control","humanInstruction":"Find “Rounding the icon corners”.","postconditionTestId":"field-content.textField.icon.appearance.cornerRadii.uniform"}]},{"fieldKey":"content.textField.icon.layout.insets.end","title":"Gap between icon and text","sectionType":"textField","group":"icon","guideKey":"screenedit-text-field-icon-gap","editorTestId":"field-content.textField.icon.layout.insets.end","revealState":"icon-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-text-field-section/0.2.0/configure-text-field-section-2026-06-25T08-15-59-870Z-b6b2aadc/icon-styles-gap.png","articleSectionId":"set-textfield-content-textfield-icon-layout-insets-end","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open a Text Input screen and find the Text Field section (Field Type + Placeholder / Validation / Error / Icon rows).","postconditionTestId":"input-text-field-field-type"},{"to":"panel","humanInstruction":"Open the Icon style settings (the Tune gear on the Icon row).","postconditionTestId":"field-content.textField.icon.appearance.dimensions.width"},{"to":"control","humanInstruction":"Find “Gap between icon and text”.","postconditionTestId":"field-content.textField.icon.layout.insets.end"}]}],"projectId":"arswew63RwQr6V4Ekb1Z","articleId":"help-block-text-field"},"webViewDefaultBackgroundColor":"#F7F8FA","projectAnalytics":{"consentManagement":{"enabled":true,"bannerText":"We use cookies to improve your experience and analyze site usage.","privacyPolicyUrl":"","defaultConsent":"denied"},"integrations":[{"platform":"segmently_internal","name":"Segmently Analytics","enabled":true,"config":{"mode":"http"},"createdAt":"2026-05-26T13:53:00.398Z","updatedAt":"2026-05-26T13:53:00.398Z","id":"int_mpmp3jsm_aij2kz"}]}}