The Filled Icon widget shows the size of data values by how much of an icon (or the background of an icon) is filled.

The section below describes specific settings for the Filled Icon widget. Note that generic widget settings are described on the Widget Generic Settings page, so if you cannot find the setting you are looking for check there too.

Icon

Icon(s)

Choose an icon for the widget. Type some text in the box to see any matching icons e.g. ‘male’ or use the arrow to the right of the box to access the list of available icons. You can add more than one icon if you wish. There is a button to toggle direct edit view if you wish to enter a list of icon names with a space between each e.g. ‘arrow-left arrow-right’

Icon fill

Choose a fill type for the icon.

Icon fill between

If you wish the icon(s) to fill between two values, type the two values separated by a comma e.g. ‘0,100’ or use the arrow to the right of the box to see suggested values.

Icon fill color

Choose a color for the icon fill.

Icon fill style

Choose whether the fill will apply to the background of the icon or to the icon itself.

Image – fill

Type the URL to a fill image or use the browse button to the right of the box. This setting will be greyed out if Type is not ‘image’.

Image – background

Type the URL to a background image or use the browse button to the right of the box. This setting will be greyed out if Type is not ‘image’.

Size

Type or use the arrow buttons to set the size of the icon(s).

Type

Choose an icon type.

Tooltip

Type a tooltip format for the icon(s) e.g. #COLOR #FNAME, #INAME: #IVALUE

Icon labels?

Choose whether to show labels for the icon(s) and if so, their position.

Icon label format

Type a label format for the icon(s) e.g. #INAME. This setting will be greyed out if Icon labels? is false.

Icon label font size

Choose a label font size for the icon(s). This setting will be greyed out if Icon labels? is false.

Icon label bold

Use the toggle to choose if the icon label should be bold. This setting will be greyed out if Icon labels? is false.

Icon label color

Choose a label color for the icon(s). This setting will be greyed out if Icon labels? is false.

Icons – Layout

Layout

Choose a layout for the icon(s).

Alignment

Choose an alignment for the icon(s).

Vertical alignment

Choose a vertical alignment for the icon(s).