Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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.

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 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
panelIconId1f5e8
panelIcon:speech_left:
panelIconText🗨️
bgColor#DEEBFF

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.

This means you can have a separate Visual Picker for each value from the fields mentioned above.

...