Image List
Type
widget
Description
The Image List widget displays a collection of images in an organized list. An image list consists of several elements, each of which contains an image and, optionally, supporting content (ie a text label).
Compatibility and Support
OS
mac
windows
linux
ios
android
Platforms
desktop
mobile
web
Children Properties
Message
| Name | Summary | Syntax |
|---|---|---|
| imageListStartedLoading | Sent when the images in the image list have started loading. | on imageListStartedLoading |
| imageListProgressChanged | Sent when one of the tiles in the image list is finished loading. | on imageListProgressChanged <pLoaded>, <pTotal>, <pUnresolvedImages> |
| imageListFinishedLoading | Sent when all the tiles in the image list have finished loading. | on imageListFinishedLoading <pLoaded>, <pTotal>, <pUnresolvedImages> |
| itemMouseEnter | Sent when the mouse enters an item's rectangle. | on itemMouseEnter <pItemNumber>, <pItemProperties> |
| itemMouseLeave | Sent when the mouse leaves an item's rectangle. | on itemMouseLeave <pItemNumber>, <pItemProperties> |
| itemLongTouch | Sent when the touch persists. | on itemLongTouch <pButton>, <pItemNumber>, <pItemProperties> |
| itemClicked | Sent when an item in the image list is clicked | on itemClicked <pButton>, <pItemNumber>, <pItemProperties> |
| actionClicked | Sent when an action icon in the image list is clicked | on actionClicked <pButton>, <pActionNumber>, <pActionProperties> |
Property
| Name | Summary | Syntax |
|---|---|---|
| iconColor | The color of the action icon that all items will have. | get the iconColor of <widget> Syntax: set the iconColor of <widget> to {<RGB Color> | <HEX Color> | <Color name>} |
| itemBorderColor | Specifies the color with which the borders of the image list are drawn. | get the itemBorderColor of <widget> set the itemBorderColor of <widget> to {<RGB Color> | <HEX Color> | <Color name>} |
| subtitleColor | The color of the item's subtitle. | get the subtitleColor of <widget> set the subtitleColor of <widget> to <integer> |
| subtitleFont | The font name of the item's subtitle. | get the subtitleFont of <widget> set the subtitleFont of <widget> to <integer> |
| hoverIconColor | The color with which the icon is drawn when the pointer is over the item of image lists. | get the hoverIconColor of <widget> set the hoverIconColor of <widget> to {<RGB Color> | <HEX Color> | <Color name>} |
| rowHeight | The height of one row in px. | get the rowHeight of <widget> set the rowHeight of <widget> to {"auto" | <integer>} |
| showTitle | Defines if the title is displayed in the item bar. | get the showTitle of <widget> set the showTitle of <widget> to { <true> | <false>} |
| itemBackgroundColor | Specifies the color with which the background of the items in the list of images is drawn. | get the itemBackgroundColor of <widget> set the itemBackgroundColor of <widget> to {<RGB Color> | <HEX Color> | <Color name>} |
| categories | The category list of the image list items. | get the categories of <widget> |
| variant | The variant to use. | get the variant of <widget> set the variant of <widget> to {"standard"|"quilted"|"woven"|"masonry"|"single line"} |
| itemOpaque | Specifies whether the interior of the image list items is opaque or transparent to the objects below. | get the itemOpaque of <widget> set the itemOpaque of <widget> to {<true> | <false>} |
| itemBarPosition | Position of the item bar. | get the itemBarPosition of <widget> set the itemBarPosition of <widget> to {<below> | <bottom> | <top>} |
| titleAlign | Specifies the align of the title text of the image lists item. | get the titleAlign of <widget> set the titleAlign of <widget> to {"left" | "center" | "right"} |
| itemCount | Reports the total number of items in a imagesList. | get the itemCount of <widget> |
| defaultActionIcon | An Icon to be used as secondary action target. | get the defaultActionIcon of <widget> set the defaultActionIcon of <widget> to <pIconName> |
| itemBarHeight | Defines the height of the item bar. | get the itemBarHeight of <widget> set the itemBarHeight of <widget> to <integer> |
| titleColor | The color of the item's title. | get the titleColor of <widget> set the titleColor of <widget> to <integer> |
| itemPadding | The padding between items in px. | get the itemPadding of <widget> set the itemPadding of <widget> to <integer> |
| actionIconPosition | The position of the icon to use as the secondary action target. | get the actionIconPosition of <widget> set the actionIconPosition of <widget> to {<left>| <right>} |
| loadingImage | A static image to display while loading the image source. | get the loadingImage of <widget> set the loadingImage of <widget> to {<Image ID> | <Image Name> } |
| itemBarColor | The background color of the item bar | get the itemBarColor of <widget> set the itemBarColor of <widget> to {<RGB Color> | <HEX Color> | <Color name>} |
| iconSize | The size of the item's action icon. | get the iconSize of <widget> set the iconSize of <widget> to <integer> |
| subtitleSize | The size of the item's subtitle. | get the subtitleSize of <widget> set the subtitleSize of <widget> to <integer> |
| showActionIcon | Defines if the action icon is shown. | get the showActionIcon of <widget> set the showActionIcon of <widget> to { <true> | <false>} |
| numberOfColumns | Defines the number of columns that the list of images will have. | get the numberOfColumns of <widget> set the numberOfColumns of <widget> to <pColumnsNumber> |
| showSubtitle | Defines if the subtitle is displayed. | get the showSubtitle of <widget> set the showSubtitle of <widget> to {<true> | <false>} |
| titleFont | The font name of the item's title. | get the titleFont of <widget> set the titleFont of <widget> to <integer> |
| itemBorderWidth | Specifies the thickness with which the borders of the image list are drawn. | get the itemBorderWidth of <widget> set the itemBorderWidth of <widget> to <integer> |
| showItemBar | Defines if the item bar is used. | get the showItemBar of <widget> set the showItemBar of <widget> to { <true> | <false>} |
| themeData | The theme mappings of this widget | set the themeData of <widget> to {<array>} get the themeData of <widget> |
| subtitleStyle | Specifies the style of the subtitle text of the image lists item. | get the subtitleStyle of <widget> set the subtitleStyle of <widget> to <integer> |
| itemData | Sorted array with the list of images to load and their properties. | get the itemData of <widget> set the itemData of <widget> to <pImageListArray> |
| hilitedIconColor | The color of the highlighted action icon that all items will have. | get the hilitedIconColor of <widget> set the hilitedIconColor of <widget> to {<RGB Color> | <HEX Color> | <Color name>} |
| subtitleAlign | Specifies the align of the subtitle text of the image lists item. | get the subtitleAlign of <widget> set the subtitleAlign of <widget> to {"left" | "center" | "right"} |
| itemThreeD | Specifies whether an item of image lists appears to stick out of or recede into the screen. | get the itemThreeD of <widget> set the itemThreeD of <widget> to {<true> | <false>} |
| titleSize | The size of the item's title. | get the titleSize of <widget> set the titleSize of <widget> to <integer> |
| clickable | Whether the items are clickable elements or not. | get the clickable of <widget> set the clickable of <widget> to {<true> | <false>} |
| titleStyle | Specifies the style of the title text of the image lists item. | get the titleStyle of <widget> set the titleStyle of <widget> to <integer> |