The Visual Picker component is designed to enhance user interfaces by allowing users to select options through visual elements such as images or icons, & text. This approach can make selections more intuitive and engaging.
It is compatible with various field types, including picklists, multi-picklists, and checkboxes.
For example, You can visually display the current status of an case, and by clicking on an item, you can change the case’s status.
Key features
Different types of representations
Image:
You can provide an image URL that should be accessible and directly point to the image.
Icon:
You can use standard SLDS icons to represent record details.
Text:
It allows you to display text for details, with a rich text editor provided to design the text as desired.
Multiple Field source supports:
You can use the Visual Picker to bind value from the following field types:
Picklist
Multi-picklist
Checkboxes
Interactive Selection:
Clickable Elements: Users can click on images or icons or on texts to make a selection, providing immediate feedback.
Highlighting: Highlight selected options to make it clear which option is chosen.
Padding and Margin control:
It allows to adjust and select the different sizes and location of Visual Picker.