{"schemaVersion":"2.0.0","defaultLanguage":"en","languages":["en"],"launchScreenId":"article_screen_help-options-grid-multi","screens":{"article_screen_help-options-grid-multi":{"id":"article_screen_help-options-grid-multi","name":"Options — Grid Multi 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 — Grid Multi 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 Grid Multi Pick screen — a two-column grid. 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":"Multi select — visitors can choose several options (up to the “Max selections” limit) before tapping the button to continue."},"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":"Two columns — the options are laid out as a grid of cards, two per row."},"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":"Selection mode and column layout are fixed for this screen type — they are part of what makes it this kind of screen."},"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):  Title  •  Title + Subtitle  •  Small Image + Title  •  Medium Image + Title  •  Big Image + Title  •  Full Image."},"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":"set-options-cellheightfromcellwidth","order":20,"kind":"Text","label":"List or grid layout · Grid cell proportions","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Grid cell proportions"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets each grid cell's height as a percentage of its width: 100 is square, above 100 makes taller cells, below 100 makes wider, shorter cells. Pick taller cells for image-led options and square for balanced icon-and-text choices. Only appears on two-column grids — try 100 first, then adjust to fit your content."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-cellheightfromcellwidth-img","order":21,"kind":"Media","label":"Grid cell proportions","layout":{"heightKind":"fixed","heightValue":288,"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/grid-cell-dimensions.png","name":"Where to find “Grid cell proportions” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-states-head","order":22,"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":23,"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":24,"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":25,"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":26,"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":27,"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":28,"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":29,"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":30,"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":31,"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":32,"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":33,"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":34,"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":35,"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":36,"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":37,"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":38,"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":39,"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":40,"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":41,"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":42,"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":43,"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-containers-head","order":44,"kind":"Text","label":"Group: Card regions (grid)","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Card regions (grid)"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-options-imagecontainer","order":45,"kind":"Text","label":"Card regions (grid) · Image area in each card","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Image area in each card"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"On grid cards that show an image, this sets the image region as a whole: where it sits in the card, how tall it is (a fixed height or sized to fit its content), and the spacing around it. By default it fits the content, but setting one fixed height keeps every card's image lined up at the same level, which looks more polished and trustworthy on an ad landing page. This shapes the image's container only; the image's own size and corners are set separately in the item image styles."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-imagecontainer-img","order":46,"kind":"Media","label":"Image area in each card","layout":{"heightKind":"fixed","heightValue":462,"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/grid-image-container.png","name":"Where to find “Image area in each card” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-imagecontainer-prop-vertical-align","order":47,"kind":"Text","label":"Image area in each card · Vertical align","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Vertical align"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Where the image sits within its region — top, center, or bottom."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-imagecontainer-prop-content-align","order":48,"kind":"Text","label":"Image area in each card · Content align","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Content align"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Horizontal alignment of the image inside the region."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-imagecontainer-prop-height-mode","order":49,"kind":"Text","label":"Image area in each card · Height mode","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Height mode"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"How the image region is sized: a fixed pixel height, a percent of the cell, or auto."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-imagecontainer-prop-height-value","order":50,"kind":"Text","label":"Image area in each card · Height value","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Height value"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The height number used by the chosen mode (px or %)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-imagecontainer-prop-region-padding","order":51,"kind":"Text","label":"Image area in each card · Region padding","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Region padding"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Empty space inside the image region around the image (top, right, bottom, left)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-textcontainer","order":52,"kind":"Text","label":"Card regions (grid) · Text area in each card","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Text area in each card"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"On grid cards with an image, this sets the title-and-subtitle region as a block: where it sits in the card, how tall it is (a fixed height or sized to fit its content), and the spacing around it. It fits the content by default, but choosing one fixed height keeps the text blocks aligned across every card so the row reads as a clean, scannable set. This controls the text region's position only; the actual fonts and colors of the title and subtitle are set in their own style sections."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-textcontainer-img","order":53,"kind":"Media","label":"Text area in each card","layout":{"heightKind":"fixed","heightValue":411,"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/grid-text-container.png","name":"Where to find “Text area in each card” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-textcontainer-prop-vertical-align","order":54,"kind":"Text","label":"Text area in each card · Vertical align","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Vertical align"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Where the title/subtitle block sits within its region."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-textcontainer-prop-content-align","order":55,"kind":"Text","label":"Text area in each card · Content align","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Content align"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Horizontal alignment of the text inside the region."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-textcontainer-prop-height-mode","order":56,"kind":"Text","label":"Text area in each card · Height mode","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Height mode"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Fixed px, percent of the cell, or auto height for the text region."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-textcontainer-prop-height-value","order":57,"kind":"Text","label":"Text area in each card · Height value","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Height value"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"The height number used by the chosen mode."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-textcontainer-prop-region-padding","order":58,"kind":"Text","label":"Text area in each card · Region padding","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Region padding"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Space inside the text region around the title and subtitle."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-checkboxcontainer","order":59,"kind":"Text","label":"Card regions (grid) · Checkbox placement in grid cells","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Checkbox placement in grid cells"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"On grid cells, show or hide the selection checkbox and place it in a corner (top-left, top-right, bottom-left, or bottom-right) with an optional offset. Keep it visible on multi-select grids so visitors can see what they've picked; top-right is a common, unobtrusive spot. Only appears on grid layouts."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-options-checkboxcontainer-img","order":60,"kind":"Media","label":"Checkbox placement in grid cells","layout":{"heightKind":"fixed","heightValue":224,"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/grid-checkbox-container.png","name":"Where to find “Checkbox placement in grid cells” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-options-checkboxcontainer-prop-show-checkbox","order":61,"kind":"Text","label":"Checkbox placement in grid cells · Show checkbox","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Show checkbox"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Turn the selection checkbox/marker on or off for grid cells."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-checkboxcontainer-prop-position","order":62,"kind":"Text","label":"Checkbox placement in grid cells · Position","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Position"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Which corner of the cell the checkbox sits in (top-start, top-end, bottom-start, bottom-end)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"set-options-checkboxcontainer-prop-margin","order":63,"kind":"Text","label":"Checkbox placement in grid cells · Margin","layout":{"heightKind":"auto","margin":{"top":10}},"textContent":{"title":{"translations":{"en":"• Margin"},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":700,"lineHeight":21,"color":"#344054"}},"subtitle":{"translations":{"en":"Gap between the checkbox and the cell edges (top, right, bottom, left)."},"kind":"static","appearance":{"align":"start","fontSize":14,"fontWeight":400,"lineHeight":21,"color":"#667085"}}}},{"id":"g-styles-head","order":64,"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":65,"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":66,"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":67,"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":68,"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":69,"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":70,"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":71,"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":72,"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":73,"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":74,"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":75,"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":76,"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":77,"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":78,"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":79,"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":80,"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":81,"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":82,"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":83,"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":84,"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":85,"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":86,"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":87,"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":88,"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":89,"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":90,"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":91,"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":92,"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":93,"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":94,"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":95,"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":96,"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":97,"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":98,"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":99,"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":100,"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":101,"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":102,"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":103,"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-grid-multi","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":"cellHeightFromCellWidth","title":"Grid cell proportions","sectionType":"options","group":"layout","guideKey":"screenedit-options-cell-dimensions","editorTestId":"style-section-cellDimensions","revealState":"grid","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/grid-cell-dimensions.png","articleSectionId":"set-options-cellheightfromcellwidth","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 a Grid Single Pick screen, open the style settings and pick a grid item layout.","postconditionTestId":"style-section-imageContainer"},{"to":"control","humanInstruction":"Find “Grid cell proportions”.","postconditionTestId":"style-section-cellDimensions"}]},{"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":"imageContainer","title":"Image area in each card","sectionType":"options","group":"containers","guideKey":"screenedit-options-image-container","editorTestId":"style-section-imageContainer","revealState":"grid","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/grid-image-container.png","articleSectionId":"set-options-imagecontainer","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 a Grid Single Pick screen, open the style settings and pick a grid item layout.","postconditionTestId":"style-section-imageContainer"},{"to":"control","humanInstruction":"Find “Image area in each card”.","postconditionTestId":"style-section-imageContainer"}]},{"fieldKey":"textContainer","title":"Text area in each card","sectionType":"options","group":"containers","guideKey":"screenedit-options-text-container","editorTestId":"style-section-textContainer","revealState":"grid","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/grid-text-container.png","articleSectionId":"set-options-textcontainer","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 a Grid Single Pick screen, open the style settings and pick a grid item layout.","postconditionTestId":"style-section-imageContainer"},{"to":"control","humanInstruction":"Find “Text area in each card”.","postconditionTestId":"style-section-textContainer"}]},{"fieldKey":"checkboxContainer","title":"Checkbox placement in grid cells","sectionType":"options","group":"containers","guideKey":"screenedit-options-checkbox-container","editorTestId":"style-section-checkboxContainer","revealState":"grid","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/grid-checkbox-container.png","articleSectionId":"set-options-checkboxcontainer","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 a Grid Single Pick screen, open the style settings and pick a grid item layout.","postconditionTestId":"style-section-imageContainer"},{"to":"control","humanInstruction":"Find “Checkbox placement in grid cells”.","postconditionTestId":"style-section-checkboxContainer"}]},{"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-grid-multi","seo":{"publisherName":"Segmently"}},"webViewDefaultBackgroundColor":"#F7F8FA","articleRuntime":{"siteOrigin":"https://help.segmently.ai","byline":{"name":"Segmently","datePublished":"2026-09-30T00:28:18.690Z","dateModified":"2026-09-30T00:28:18.690Z","readingMinutes":9}},"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}}}