2018-09-14
1.0.1
Sanjay Sahu
All
All
Components, Widgets
[Overview]
This UI component is used to to display and select multiple images.
[Detail]
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]