The Data section of the property panel helps you to create and manage settings for the data used in Vizlib Tiles.
You can use 1 dimension to define your tile object and then use measures to layer properties on the tile. Layering is a method of organizing the tile elements, where you can move individual measures to the front or back of the tile, and also customize settings for each measure, like font size or background color. You can see an example in Figure 1, where changes are made to the Title measure layout.
Figure 1: Customize Measure Example
TABLE OF CONTENTS
- Measures - Indicators
- Measures - Alignment
- Measures - Font
- Measures - Background Color
- Measures - Tooltip
- Measures - Actions / Master Items
Figure 2 shows a dimension used in Vizlib Tiles. You can customize the Field and Label, and allow null values to be used.
The Limitation dropdown controls the number of tiles in the display.
- No limitation - every tile object is displayed.
- Fixed number - display a fixed number of tiles, choosing either from the top or bottom of the range.
- Exact value - display an exact value.
- Relative value - display a percentage.
Figure 2: Dimension
You can also choose to create a dimension by clicking on Add new, which will open the Create new dimensions wizard (Figure 3).
Figure 3: Create new dimensions
Measures in Vizlib Tiles control the tile Elements (see our Tile Elements) . We're going to use a Title measure in this example. Figure 4 shows the main settings, the Expression used to define the title, the Label for the title display, the Number formatting option (choose from Auto, Number, Money, Date, Duration, Custom and Expression), and the Layer Type (Text, Image, Line, Icon and Icon bar). Because the title is a text value, Text is selected here.
Figure 4: Measures - Title
Measures - Indicators
Enabling the Indicators setting (Figure 5) lets you display icons which rank the element values against a Threshold.
Figure 5: Measures - Indicators
There are 3 icons to choose from - Greater Than, Less Than (Figure 6) and Equal to (Figure 7). You can choose the Icon symbol and Icon Color by clicking the icon symbol or color palette, or by entering an expression.
Figure 6: Measures - Greater Than / Less Than Icon
Figure 7: Measures - Equal Icon
Measures - Alignment
You can set the element's position within the cell (Figure 8) by selecting a Horizontal Alignment (left, centre or right) or Vertical Align (Top, Middle or Bottom).
Figure 8: Measures - Alignment
Measures - Font
You can use the Font settings (Figure 9) to choose a Font Color, Font Family, Font Style, Font Unit Type and Font Size.
Figure 9: Measures - Font
Measures - Background Color
You can customize the Background Color (Figure 10) by selecting from the color palette or entering an expression. You can also select a level of Background Color Opacity.
Figure 10: Measures - Background Color
Measures - Layer Border
If you enable the Layer Border setting (Figure 11), you can set up the border location with the Border Selector, choose a Border Style, and select a Layer Border Color, Layer Border Width, and Layer Border Radius.
Figure 11: Measures - Layer Border
Measures - Tooltip
If you choose to Enable Tooltip (Figure 12), you can enter a Tooltip Text string, and set a Background Color, Font Size, Font Family, Font Style and Font Color.
Figure 12: Measures - Enable Tooltip
You can also select the Tooltip position, extend it beyond the tile border to Allow display out of bounds, set the Layer opacity and also the layer Visibility (Figure 13).
Figure 13: Measures - Tooltip Position / Visibility
Measures - Actions / Master Items
Measures in Vizlib Tiles can be integrated to run with with Vizlib Actions by clicking Add Action (Figure 14). You can read more about Vizlib Actions here.
If you need to add another measure you can click on the Add New button to begin the setup. The Delete button deletes the measure from the sheet.
Figure 14: Measures - Actions / Master Items