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

Associated Syntax

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>

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>