{"schemaVersion":"2.0.0","defaultLanguage":"en","languages":["en"],"launchScreenId":"article_screen_help-options-list-single","screens":{"article_screen_help-options-list-single":{"id":"article_screen_help-options-list-single","name":"Options — List Single Pick","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":"Options — List Single Pick"},"kind":"static","appearance":{"align":"start","fontSize":28,"fontWeight":800,"lineHeight":34,"color":"#101828"}},"subtitle":{"translations":{"en":"The answer choices visitors pick from — selection mode, list-or-grid layout, item states, spacing, and styling. This guide covers every Options setting that applies to a List Single Pick screen — a one-column list. Each setting matches a real control in the screen editor."},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":400,"lineHeight":26,"color":"#475467"}}}},{"id":"opt-template-head","order":1,"kind":"Text","label":"How this screen works","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"How this screen works"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"opt-selection","order":2,"kind":"Text","label":"Selection mode","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"How visitors choose"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Single select — visitors tap one option to choose it, and that choice moves them to the next screen."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"opt-columns","order":3,"kind":"Text","label":"Layout","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"List or grid"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"One column — the options stack in a single full-width vertical list."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"opt-switch","order":4,"kind":"Text","label":"Switchable","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"subtitle":{"translations":{"en":"You can change the selection mode from the select at the top of the Options section."},"kind":"static","appearance":{"align":"start","fontSize":13,"fontWeight":500,"lineHeight":19,"color":"#667085"}}}},{"id":"opt-item-layouts","order":5,"kind":"Text","label":"Available item layouts","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Available item layouts"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"This screen offers these item layouts (set under “Item layout” below):  Image + Title + Subtitle  •  Title + Subtitle + Image  •  Title + Subtitle  •  Title + Image  •  Image + Title  •  Title."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"section-context","order":6,"kind":"Media","label":"Options 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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/context-section.png","name":"The screen editor with the Options section highlighted."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"section-context-cap","order":7,"kind":"Text","label":"Context caption","layout":{"heightKind":"auto"},"textContent":{"subtitle":{"translations":{"en":"Open the Options section in the screen editor to configure its settings."},"kind":"static","appearance":{"align":"start","fontSize":13,"fontWeight":500,"lineHeight":19,"color":"#667085"}}}},{"id":"g-selection-head","order":8,"kind":"Text","label":"Group: Selection behaviour","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Selection behaviour"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-options-israndomized","order":9,"kind":"Text","label":"Selection behaviour · Shuffle item order","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Shuffle item order"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"When enabled, randomizes the order items appear to users on each view. Useful for A/B testing, survey randomization, and reducing position bias in multi-select scenarios."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-israndomized-img","order":10,"kind":"Media","label":"Shuffle item order","layout":{"heightKind":"fixed","heightValue":344,"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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-randomize.png","name":"Where to find “Shuffle item order” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-maxselecteditemcount","order":11,"kind":"Text","label":"Selection behaviour · Cap on multi-select picks","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Cap on multi-select picks"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Limits how many items a visitor can choose on a multi-select screen. Set a small cap (e.g. 3) to keep answers focused and the next step manageable; leave it unlimited to let them pick freely. This control only appears on multi-select screens and is ignored everywhere else."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-maxselecteditemcount-img","order":12,"kind":"Media","label":"Cap on multi-select picks","layout":{"heightKind":"fixed","heightValue":97,"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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-max-selections.png","name":"Where to find “Cap on multi-select picks” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-layout-head","order":13,"kind":"Text","label":"Group: List or grid layout","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"List or grid layout"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-options-itemlayout","order":14,"kind":"Text","label":"List or grid layout · What each choice shows","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"What each choice shows"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Pick which parts each choice displays — title only, image plus title, checkbox with title and subtitle, and so on; available combos depend on your selection mode and layout. Adding an element reveals its style controls and means you must supply that content (image or subtitle) on every item. Default to title (plus a checkbox for multi-select) and add an image only when it aids the choice."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-itemlayout-img","order":15,"kind":"Media","label":"What each choice shows","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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/open-section-item-layout.png","name":"Where to find “What each choice shows” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-verticalalignment","order":16,"kind":"Text","label":"List or grid layout · Vertical alignment of items","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Vertical alignment of items"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Aligns each choice's content to the top, center, or bottom of its cell. It's most noticeable in grid layouts where cells are taller than their content; center usually looks balanced. In simple lists it has little visible effect, so center is a safe default."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-verticalalignment-img","order":17,"kind":"Media","label":"Vertical alignment of items","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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-vertical-align.png","name":"Where to find “Vertical alignment of items” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-usemaxcellheight","order":18,"kind":"Text","label":"List or grid layout · Even grid cell heights","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Even grid cell heights"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"On a grid, choose whether all cells stretch to the same maximum height for tidy, even rows, or each cell sizes to its own content (giving rows of varying height). Turn it on for a clean, consistent grid; turn it off when items have very different content lengths. Only applies to grid layouts."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-usemaxcellheight-img","order":19,"kind":"Media","label":"Even grid cell heights","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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-max-cell-height.png","name":"Where to find “Even grid cell heights” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-states-head","order":20,"kind":"Text","label":"Group: Selected & unselected look","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Selected & unselected look"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-options-unselecteditemstate","order":21,"kind":"Text","label":"Selected & unselected look · Unselected item look","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Unselected item look"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"The default look of each choice before it's tapped — background, border, corner radius, and an optional gradient. Keep it neutral and calm so the selected state can stand out; the contrast between this and the selected look is what tells visitors their tap registered. Pair it with the Selected item look."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-unselecteditemstate-img","order":22,"kind":"Media","label":"Unselected item look","layout":{"heightKind":"fixed","heightValue":372,"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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-unselected-state.png","name":"Where to find “Unselected item look” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-unselecteditemstate-prop-background-color","order":23,"kind":"Text","label":"Unselected item look · Background color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The fill behind an option the visitor has NOT selected."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-unselecteditemstate-prop-border-width","order":24,"kind":"Text","label":"Unselected item look · Border width","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Border width"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Thickness (px) of the outline around an unselected option; 0 hides it."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-unselecteditemstate-prop-border-color","order":25,"kind":"Text","label":"Unselected item look · Border color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Border color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Color of that outline."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-unselecteditemstate-prop-corner-radius","order":26,"kind":"Text","label":"Unselected item look · Corner radius","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Corner radius"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How rounded the option corners are (px); higher is softer."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-unselecteditemstate-prop-gradient-fill","order":27,"kind":"Text","label":"Unselected item look · Gradient fill","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Gradient fill"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Optional gradient that replaces the flat background color for a richer look."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-selecteditemstate","order":28,"kind":"Text","label":"Selected & unselected look · Selected item look","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Selected item look"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"How a choice looks once tapped — background, border, corner radius, and optional gradient. Make it clearly distinct from the unselected look (an accent border or filled background) so visitors get instant confirmation; weak feedback here causes hesitation and drop-off. Your theme's accent color is a reliable choice."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-selecteditemstate-img","order":29,"kind":"Media","label":"Selected item look","layout":{"heightKind":"fixed","heightValue":276,"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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-selected-state.png","name":"Where to find “Selected item look” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-selecteditemstate-prop-background-color","order":30,"kind":"Text","label":"Selected item look · Background color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The highlight fill behind the option the visitor HAS picked."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-selecteditemstate-prop-border-width","order":31,"kind":"Text","label":"Selected item look · Border width","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Border width"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Outline thickness for the selected option."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-selecteditemstate-prop-border-color","order":32,"kind":"Text","label":"Selected item look · Border color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Border color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Outline color for the selected option — often your accent color."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-selecteditemstate-prop-corner-radius","order":33,"kind":"Text","label":"Selected item look · Corner radius","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Corner radius"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Corner rounding for the selected option; usually matches the unselected state."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-selecteditemstate-prop-gradient-fill","order":34,"kind":"Text","label":"Selected item look · Gradient fill","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Gradient fill"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Optional gradient highlight for the selected option."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"g-spacing-head","order":35,"kind":"Text","label":"Group: Spacing & padding","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Spacing & padding"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-options-itempaddings","order":36,"kind":"Text","label":"Spacing & padding · Padding inside each item","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Padding inside each item"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"The space between each item's edge and its content (title, image, checkbox), set per side — top, end, bottom, start. More padding makes items feel roomy and easier to tap; too little looks cramped. Around 12–16px on all sides reads well on mobile, and the setting applies to every item."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-itempaddings-img","order":37,"kind":"Media","label":"Padding inside each item","layout":{"heightKind":"fixed","heightValue":391,"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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-item-paddings.png","name":"Where to find “Padding inside each item” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-listpaddings","order":38,"kind":"Text","label":"Spacing & padding · Margin around the whole list","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Margin around the whole list"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"The outer space between the screen edges and the first and last items, set per side (top, end, bottom, start). Use it to keep the list off the screen edges and aligned with your other sections. This is the outside spacing — for the gap inside each item use Padding inside each item instead."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-listpaddings-img","order":39,"kind":"Media","label":"Margin around the whole list","layout":{"heightKind":"fixed","heightValue":391,"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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-list-paddings.png","name":"Where to find “Margin around the whole list” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-itemsspacing","order":40,"kind":"Text","label":"Spacing & padding · Gap between choices","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Gap between choices"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"The spacing between adjacent choices — a vertical gap in lists, the gap between cells in grids. Around 8–12px keeps items clearly separate and easy to tap without wasting space. Increase it for a more airy feel, or decrease it to fit more options above the fold."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-itemsspacing-img","order":41,"kind":"Media","label":"Gap between choices","layout":{"heightKind":"fixed","heightValue":208,"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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-items-spacing.png","name":"Where to find “Gap between choices” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-styles-head","order":42,"kind":"Text","label":"Group: Text, image & checkbox styles","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Text, image & checkbox styles"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-options-titlestyles","order":43,"kind":"Text","label":"Text, image & checkbox styles · Item title text style","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Item title text style"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Typography for every item's title — size, weight, color, alignment, line height, plus an optional background chip (color, opacity, radius) and padding. It's a shared template, so an edit restyles all items at once. Leave it on theme defaults for consistency, adjusting size or color only to improve readability against the item background."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-titlestyles-img","order":44,"kind":"Media","label":"Item title text style","layout":{"heightKind":"fixed","heightValue":579,"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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-title-styles.png","name":"Where to find “Item title text style” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-titlestyles-prop-font-family","order":45,"kind":"Text","label":"Item title text style · Font family","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font family"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Typeface of each option's title."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-titlestyles-prop-font-size","order":46,"kind":"Text","label":"Item title text style · Font size","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font size"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Text size (px) of each option's title."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-titlestyles-prop-font-weight","order":47,"kind":"Text","label":"Item title text style · Font weight","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font weight"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How bold the title is."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-titlestyles-prop-text-color","order":48,"kind":"Text","label":"Item title text style · Text color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Title color."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-titlestyles-prop-text-align","order":49,"kind":"Text","label":"Item title text style · Text align","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text align"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Left, center, or right alignment of the title."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-titlestyles-prop-line-height","order":50,"kind":"Text","label":"Item title text style · Line height","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Line height"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Vertical spacing between title lines."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-titlestyles-prop-background-color","order":51,"kind":"Text","label":"Item title text style · Background color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Fill drawn behind the title text."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-titlestyles-prop-background-opacity","order":52,"kind":"Text","label":"Item title text style · Background opacity","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background opacity"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Transparency of that title background (0–100%)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-titlestyles-prop-background-radius","order":53,"kind":"Text","label":"Item title text style · Background radius","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background radius"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Corner rounding of the title background."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-titlestyles-prop-title-padding","order":54,"kind":"Text","label":"Item title text style · Title padding","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Title padding"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Space around the title text (top, right, bottom, left)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-subtitlestyles","order":55,"kind":"Text","label":"Text, image & checkbox styles · Item subtitle text style","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Item subtitle text style"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Typography for the item subtitle — size, weight, color, alignment, line height, optional background, and padding, applied to all items as a shared template. Keep the subtitle visually quieter than the title (smaller, muted color) so it reads as supporting text. Only appears when your item layout includes a subtitle."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-subtitlestyles-img","order":56,"kind":"Media","label":"Item subtitle text style","layout":{"heightKind":"fixed","heightValue":675,"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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-subtitle-styles.png","name":"Where to find “Item subtitle text style” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-subtitlestyles-prop-font-family","order":57,"kind":"Text","label":"Item subtitle text style · Font family","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font family"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Typeface of each option's subtitle."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-subtitlestyles-prop-font-size","order":58,"kind":"Text","label":"Item subtitle text style · Font size","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font size"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Text size (px) of each option's subtitle."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-subtitlestyles-prop-font-weight","order":59,"kind":"Text","label":"Item subtitle text style · Font weight","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Font weight"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How bold the subtitle is."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-subtitlestyles-prop-text-color","order":60,"kind":"Text","label":"Item subtitle text style · Text color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Subtitle color — usually a muted shade."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-subtitlestyles-prop-text-align","order":61,"kind":"Text","label":"Item subtitle text style · Text align","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Text align"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Alignment of the subtitle."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-subtitlestyles-prop-line-height","order":62,"kind":"Text","label":"Item subtitle text style · Line height","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Line height"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Spacing between subtitle lines."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-subtitlestyles-prop-background-color","order":63,"kind":"Text","label":"Item subtitle text style · Background color","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background color"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Fill drawn behind the subtitle."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-subtitlestyles-prop-background-opacity","order":64,"kind":"Text","label":"Item subtitle text style · Background opacity","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background opacity"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Transparency of that subtitle background."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-subtitlestyles-prop-background-radius","order":65,"kind":"Text","label":"Item subtitle text style · Background radius","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Background radius"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Corner rounding of the subtitle background."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-subtitlestyles-prop-subtitle-padding","order":66,"kind":"Text","label":"Item subtitle text style · Subtitle padding","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Subtitle padding"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Space around the subtitle text."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-imagestyles","order":67,"kind":"Text","label":"Text, image & checkbox styles · Item image look","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Item image look"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Size and look of each item's image — width, height, corner radius, padding, and how it fits its box (fit shows the whole image with possible empty space; fill crops to cover the box). Keep a consistent size and small radius so cards look uniform; choose fill for photos and fit for logos or icons you don't want cropped. Only appears when the layout includes an image."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-imagestyles-img","order":68,"kind":"Media","label":"Item image look","layout":{"heightKind":"fixed","heightValue":412,"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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-image-styles.png","name":"Where to find “Item image look” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-imagestyles-prop-image-width","order":69,"kind":"Text","label":"Item image look · Image width","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Image width"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Width (px) of the option's image or icon."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-imagestyles-prop-image-height","order":70,"kind":"Text","label":"Item image look · Image height","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Image height"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Height (px) of the option's image or icon."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-imagestyles-prop-scale-mode","order":71,"kind":"Text","label":"Item image look · Scale mode","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Scale mode"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How the image fills its box (fit, fill, or stretch)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-imagestyles-prop-corner-radius","order":72,"kind":"Text","label":"Item image look · Corner radius","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Corner radius"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How rounded the image corners are."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-imagestyles-prop-image-padding","order":73,"kind":"Text","label":"Item image look · Image padding","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Image padding"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Space around the image inside the option."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"opt-anim-head","order":74,"kind":"Text","label":"Animations","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Animations"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"opt-anim-intro","order":75,"kind":"Text","label":"Where to find it","layout":{"heightKind":"auto","margin":{"top":4}},"textContent":{"subtitle":{"translations":{"en":"Open the style settings (the gear on the Options section) and scroll to the last section, “Animations”. Each of its four settings has its own checkbox — tick it to turn that animation on, untick it to remove it."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"opt-anim-img","order":76,"kind":"Media","label":"Animations style section","layout":{"heightKind":"fixed","heightValue":344,"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-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-animations.png","name":"The Animations section at the bottom of the Options style settings."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"opt-anim-item","order":77,"kind":"Text","label":"Item animation","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Item animation"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Gives every option its own entrance and lets you pick the style from the list (Fade In Up is the starting choice). While it is on, the options animate in one by one instead of moving in together with the rest of the screen."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"opt-anim-stagger","order":78,"kind":"Text","label":"Stagger","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Stagger"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"The pause, in milliseconds, between one option starting and the next, so they appear one after another (0 to 1000; when you tick it, it starts at 50). It stays greyed out until Item animation is on."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"opt-anim-selection","order":79,"kind":"Text","label":"Selection animation","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Selection animation"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"A short emphasis that plays on an option at the moment a visitor selects it (Pulse is the starting choice). It plays when the selection changes, not when the screen first appears."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"opt-anim-deselection","order":80,"kind":"Text","label":"Deselection animation","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Deselection animation"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"The same kind of emphasis, played when a visitor un-selects an option (Shake X is the starting choice)."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"opt-anim-related","order":81,"kind":"Text","label":"Screen-wide entrance","layout":{"heightKind":"auto","margin":{"top":22}},"textContent":{"title":{"translations":{"en":"Screen-wide entrance<sep>  —  </sep><detail>@details</detail>"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"},"templateParams":{"links":{"details":"https://help.segmently.ai/help-block-animation"},"labels":{"sep":{"align":"start","fontSize":14,"fontWeight":500,"lineHeight":20,"color":"#98A2B3"},"detail":{"align":"start","fontSize":14,"fontWeight":600,"lineHeight":20,"color":"#2563EB"}}}},"subtitle":{"translations":{"en":"How the whole screen — including the list — animates in is set in the screen’s Animation section. See “Animation — all settings”."},"kind":"static","appearance":{"align":"start","fontSize":13,"fontWeight":500,"lineHeight":19,"color":"#667085"}}}}]}}}},"metadata":{"kind":"article","alias":"help-options-list-single","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":"isRandomized","title":"Shuffle item order","sectionType":"options","group":"selection","guideKey":"screenedit-options-randomize-order","editorTestId":"input-style-selection-behavior-randomize-order","revealState":"gear","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-randomize.png","articleSectionId":"set-options-israndomized","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"panel","humanInstruction":"Open the style settings (the gear on the Options section).","postconditionTestId":"input-style-selection-behavior-randomize-order"},{"to":"control","humanInstruction":"Find “Shuffle item order”.","postconditionTestId":"input-style-selection-behavior-randomize-order"}]},{"fieldKey":"maxSelectedItemCount","title":"Cap on multi-select picks","sectionType":"options","group":"selection","guideKey":"screenedit-options-max-selections","editorTestId":"input-style-selection-behavior-max-selections","revealState":"gear","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-max-selections.png","articleSectionId":"set-options-maxselecteditemcount","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"panel","humanInstruction":"Open the style settings (the gear on the Options section).","postconditionTestId":"input-style-selection-behavior-randomize-order"},{"to":"control","humanInstruction":"Find “Cap on multi-select picks”.","postconditionTestId":"input-style-selection-behavior-max-selections"}]},{"fieldKey":"itemLayout","title":"What each choice shows","sectionType":"options","group":"layout","guideKey":"screenedit-options-item-layout","editorTestId":"select-options-item-layout","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/open-section-item-layout.png","articleSectionId":"set-options-itemlayout","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"control","humanInstruction":"Find “What each choice shows”.","postconditionTestId":"select-options-item-layout"}]},{"fieldKey":"verticalAlignment","title":"Vertical alignment of items","sectionType":"options","group":"layout","guideKey":"screenedit-options-vertical-alignment","editorTestId":"input-style-list-position-vertical-alignment","revealState":"gear","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-vertical-align.png","articleSectionId":"set-options-verticalalignment","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"panel","humanInstruction":"Open the style settings (the gear on the Options section).","postconditionTestId":"input-style-selection-behavior-randomize-order"},{"to":"control","humanInstruction":"Find “Vertical alignment of items”.","postconditionTestId":"input-style-list-position-vertical-alignment"}]},{"fieldKey":"useMaxCellHeight","title":"Even grid cell heights","sectionType":"options","group":"layout","guideKey":"screenedit-options-max-cell-height","editorTestId":"input-style-list-position-max-cell-height","revealState":"gear","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-max-cell-height.png","articleSectionId":"set-options-usemaxcellheight","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"panel","humanInstruction":"Open the style settings (the gear on the Options section).","postconditionTestId":"input-style-selection-behavior-randomize-order"},{"to":"control","humanInstruction":"Find “Even grid cell heights”.","postconditionTestId":"input-style-list-position-max-cell-height"}]},{"fieldKey":"unselectedItemState","title":"Unselected item look","sectionType":"options","group":"states","guideKey":"screenedit-options-unselected-item","editorTestId":"style-section-unselectedItemState","revealState":"gear","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-unselected-state.png","articleSectionId":"set-options-unselecteditemstate","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"panel","humanInstruction":"Open the style settings (the gear on the Options section).","postconditionTestId":"input-style-selection-behavior-randomize-order"},{"to":"control","humanInstruction":"Find “Unselected item look”.","postconditionTestId":"style-section-unselectedItemState"}]},{"fieldKey":"selectedItemState","title":"Selected item look","sectionType":"options","group":"states","guideKey":"screenedit-options-selected-item","editorTestId":"style-section-selectedItemState","revealState":"gear","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-selected-state.png","articleSectionId":"set-options-selecteditemstate","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"panel","humanInstruction":"Open the style settings (the gear on the Options section).","postconditionTestId":"input-style-selection-behavior-randomize-order"},{"to":"control","humanInstruction":"Find “Selected item look”.","postconditionTestId":"style-section-selectedItemState"}]},{"fieldKey":"itemPaddings","title":"Padding inside each item","sectionType":"options","group":"spacing","guideKey":"screenedit-options-item-paddings","editorTestId":"style-section-itemPaddings","revealState":"gear","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-item-paddings.png","articleSectionId":"set-options-itempaddings","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"panel","humanInstruction":"Open the style settings (the gear on the Options section).","postconditionTestId":"input-style-selection-behavior-randomize-order"},{"to":"control","humanInstruction":"Find “Padding inside each item”.","postconditionTestId":"style-section-itemPaddings"}]},{"fieldKey":"listPaddings","title":"Margin around the whole list","sectionType":"options","group":"spacing","guideKey":"screenedit-options-list-paddings","editorTestId":"style-section-listPaddings","revealState":"gear","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-list-paddings.png","articleSectionId":"set-options-listpaddings","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"panel","humanInstruction":"Open the style settings (the gear on the Options section).","postconditionTestId":"input-style-selection-behavior-randomize-order"},{"to":"control","humanInstruction":"Find “Margin around the whole list”.","postconditionTestId":"style-section-listPaddings"}]},{"fieldKey":"itemsSpacing","title":"Gap between choices","sectionType":"options","group":"spacing","guideKey":"screenedit-options-items-spacing","editorTestId":"style-section-itemsSpacing","revealState":"gear","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-items-spacing.png","articleSectionId":"set-options-itemsspacing","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"panel","humanInstruction":"Open the style settings (the gear on the Options section).","postconditionTestId":"input-style-selection-behavior-randomize-order"},{"to":"control","humanInstruction":"Find “Gap between choices”.","postconditionTestId":"style-section-itemsSpacing"}]},{"fieldKey":"titleStyles","title":"Item title text style","sectionType":"options","group":"styles","guideKey":"screenedit-options-title-styles","editorTestId":"style-section-titleStyles","revealState":"gear","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-title-styles.png","articleSectionId":"set-options-titlestyles","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"panel","humanInstruction":"Open the style settings (the gear on the Options section).","postconditionTestId":"input-style-selection-behavior-randomize-order"},{"to":"control","humanInstruction":"Find “Item title text style”.","postconditionTestId":"style-section-titleStyles"}]},{"fieldKey":"subtitleStyles","title":"Item subtitle text style","sectionType":"options","group":"styles","guideKey":"screenedit-options-subtitle-styles","editorTestId":"style-section-subtitleStyles","revealState":"gear","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-subtitle-styles.png","articleSectionId":"set-options-subtitlestyles","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"panel","humanInstruction":"Open the style settings (the gear on the Options section).","postconditionTestId":"input-style-selection-behavior-randomize-order"},{"to":"control","humanInstruction":"Find “Item subtitle text style”.","postconditionTestId":"style-section-subtitleStyles"}]},{"fieldKey":"imageStyles","title":"Item image look","sectionType":"options","group":"styles","guideKey":"screenedit-options-image-styles","editorTestId":"style-section-imageStyles","revealState":"gear","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-options-section/0.2.0/configure-options-section-2026-09-29T22-40-42-511Z-7d52f71a/gear-image-styles.png","articleSectionId":"set-options-imagestyles","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Open the Options list section and set the item layout.","postconditionTestId":"select-options-selection-mode"},{"to":"panel","humanInstruction":"Open the style settings (the gear on the Options section).","postconditionTestId":"input-style-selection-behavior-randomize-order"},{"to":"control","humanInstruction":"Find “Item image look”.","postconditionTestId":"style-section-imageStyles"}]}],"projectId":"arswew63RwQr6V4Ekb1Z","articleId":"help-options-list-single","seo":{"publisherName":"Segmently"}},"webViewDefaultBackgroundColor":"#F7F8FA","articleRuntime":{"siteOrigin":"https://help.segmently.ai","byline":{"name":"Segmently","datePublished":"2026-09-30T00:28:03.756Z","dateModified":"2026-09-30T00:28:03.756Z","readingMinutes":7}},"projectAnalytics":{"integrations":[{"enabled":true,"config":{"mode":"http"},"platform":"segmently_internal","createdAt":"2026-05-26T13:53:00.398Z","name":"Segmently Analytics","updatedAt":"2026-09-27T21:22:36.598Z","id":"int_mpmp3jsm_aij2kz"}],"consentManagement":{"privacyPolicyUrl":"","bannerText":"We use cookies to improve your experience and analyze site usage.","defaultConsent":"denied","enabled":true}}}