ImageListBox
Stable Version 1.0.1 (OutSystems 10)
Published on 14 September 2018 by 
Created on 14 September 2018
Details
This UI component is used to to display and select multiple images.
Read More


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]



What’s new (1.0.1)

Created a application with both modules.

Reviews (0)
Category
Components, UI & Widgets
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Sanjay Sahu who created this component.
Dependencies
See all 2 dependencies
Requirements
Platform
10.0.0.402
Database
All
Stack
All
Component Consumers
ImageListBox has no consumers.
Weekly Downloads 
Related Components
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
7879
Google Drive Connector
OutSystems MVPs
Google Drive Connector allows your OutSystems Applications to use the Google Drive REST API to interact with your files.
1051
Google Maps
Labs
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
11178
More from Sanjay Sahu
LabelRangeSlider
Sanjay Sahu
This project is based on ion.rangeSlider implementation for RangeSlider with Label
List_BulkSelect_V2
Sanjay Sahu
This Modified version of RichWidgets (System Components). it is updated to handle unchecked bulk select checkbox if there is any checkbox unchecked in related Source Record List.if all check box checked then it will be automatically checked again.
NumberRangeSlider
Sanjay Sahu
This is a slider component based on ion.rangeSlider http://ionden.com/a/plugins/ion.rangeSlider/