The Visual Picker component is designed to enhance user interfaces by allowing users to select options through visual elements such as images, icons or icons, & text. This approach can make selections more intuitive and engaging.The Visual Picker allows users to view records in a visually appealing way, providing a better experience when viewing and making changes to records.
The Visual Picker offers users the flexibility to select the type of visual representation, whether it be text, icons, or images. It is compatible with various the following field types, including picklists, multi-picklists, and checkboxes. This feature enhances user interaction with the component and its associated fields, making the interface more intuitive to use.
...
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
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. |
...
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.
User Experience:
Engaging Interface: Enhance user experience with a more engaging and interactive selection process.
Reduced Ambiguity: Minimize confusion by presenting clear, visual choices.
...
Padding and Margin control:
It allows to adjust and select the different sizes and location of Visual Picker.