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.
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.