ImageListBox

Purpose: In order to display and select multiple images, this component will be used.

How to Use: 

Step-1: Create a web block and under the source web block field select UI_Component\ImageListBox

Step-2: The web block will expect 2 parameters:

• Image list (Mandatory): This parameter will expect a variable having at least these 4 fields:
• Id
• Url
• Title
• isSelected
• Show Label: If true, label will be displayed instead of image if False, image will be displayed.
• On Notify (Destination): The screen action will execute on click on label or image.

Step- 3: There will be a placeholder name: SelectedItemsInputPlaceholder which expect input wedged under it.

The input wedged will bind with a text variable and it will contain comma separated ids of the images which are selected.  

Image Mode:  [Show Label:False]

                                                      Image at the user end: 

 Component Image:

Local Variable List:

Preparation screen:

Label Mode :  [Show Label : True]