This article shows how to make a multi-select pick list render its selected values vertically inside a Zoho CRM Canvas layout by using the new flex component and controlling component width so values wrap onto separate lines. Beam Help — independent expert support for Zoho, not official Zoho support. [1]
Why this matters
Displaying multi-select values vertically improves readability when records have many selections, and it makes compact Canvas cards and record pages easier to scan. [1] Multi-select fields let users pick more than one option, so without wrapping the values can run together or truncate in tight layouts. [6]
Step-by-step
Step 1. Open Canvas and edit the layout you want to change using the Canvas drag-and-drop editor. [1]
Step 2. Add a flex component to the layout where you want the multi-select field to appear; flex is a new Canvas component that controls how contained fields fit and wrap within the area. [1]
Step 3. Place the multi-select field inside the flex component by dragging the field into the component area in the Canvas editor. [1]
Step 4. Adjust the width of the flex component so the available horizontal space for the field is narrow enough that the selected options wrap onto new lines; the flex component adapts layout and controls wrapping behavior when fields exceed the component width. [1]
Step 5. If the flex component offers alignment or wrapping controls in the editor, set those to prefer vertical stacking or allow wrapping so each selected option appears on its own line when space is constrained. [1]
Step 6. Save and preview the record or card to confirm the multi-select values display across multiple lines rather than a single horizontal line. [1] [6]
Step 7. Iterate: if values still appear crowded, reduce the component width further or move other fields so the multi-select has more vertical real estate within the flex area. [1]
Common pitfalls
- If the flex component is made very wide, selected options will remain on one line and not wrap, so reducing width is the usual way to force vertical display. [1]
- Multi-select behavior (ability to choose multiple options) is defined at the field level; the Canvas display controls wrapping but does not change how many items can be selected. [6]
What to check
- The field is placed inside a Canvas flex component and the component width is narrow enough to force wrapping. [1]
- In preview, each chosen option appears on its own line or wraps across lines for better readability. [1] [6]
- The field still allows selecting multiple options when editing the record (field behavior unchanged). [6]