The Appearance properties for Vizlib Tiles manage settings for controlling the look and feel of the visualization, with a wide range of customizable features. If you want to control the appearance of an individual tile, please see the article on the Data section of the property panel here. We've created an example (Figure 1) which shows how easy it is to use appearance settings to change the tile display and applying settings like gradient to a vertical divider, where the color darkens toward the top of each tile.
Figure 1: Appearance Customization
TABLE OF CONTENTS
- Alernate States
- Tiles Height
- Tiles Width
- Tiles Background
- Object Background
- Horizontal Divider
- Vertical Divider
- Margin and Shadows
The General settings (Figure 2) allow you to Show titles for a sheet and also Show details like descriptions for measures.
Figure 2: General
Alternate States settings (Figure 3) permit you to assign Vizlib Tiles objects to an alternate selection state.
Figure 3: Alternate States
Tiles Height / Tiles Width
Tiles Height and Tiles Width (Figure 4) are used to set the number of tiles you see in a row or column, either by using the slider or entering an expression.
Figure 4: Tiles Height / Tiles Width
Tiles Background lets you choose between different settings to customize your background.
Plain (Figure 5) allows you to select a Custom Color.
Figure 5: Tiles Background Plain
Sequential (Figure 6) which lets you select a specific measure to highlight, and customize the color with Add Color.
Figure 6: Tiles Background Sequential
Gradient (Figure 7) allows you to vary the shading of the measure according to where its layered position within the tile, choosing from a variety of color sets or adding your own.
Figure 7: Tiles Background Gradient
Classes (Figure 8) offers a range of color palettes to choose from, with the option to Reverse colors.
Figure 8: Tiles Background Classes
Object Background settings help to customize the background of an object within the tile.
Plain settings (Figure 9) let you select a Custom Color
Figure 9: Object Background Plain
If you choose to set your background as an Image (Figure 10) you can use a URL, choose the amount of coverage with Stretch Image, and set vertical and horizontal Image Alignment.
Figure 10: Object Background Image
Gradient background (Figure 11) will use a variety of shades in a color palette according to the Angle setting (e.g. an angle of 0 degrees will shade the object left to right in the palette, starting at the bottom of the object).
Figure 11: Object Background Gradient
The Horizontal Divider settings (Figure 12) are used to customize a divider running horizontally across each column of tiles. You can choose to specify the Size type, the Height, the Color type and Opacity, and select the appearance of the Divider line from a list of options.
Figure 12: Horizontal Divider
The Vertical Divider settings (Figure 13) are used to customize a divider running horizontally across each column of tiles. You can choose to specify the Size type, the Width, the Color type and Opacity, and select the appearance of the Divider line from a list of options.
Figure 13: Vertical Divider
Margin and Shadows
You can use Margin and Shadows settings (Figure 14) to set the size of the margin around the external border and each tile, (and Enable shadows if you want to), set the Shadow color, vary the appearance relative to the X and Y Axis with X Offset and Y Offset (pixel count starts at 0 from the bottom left of the object), Blur the Y Axis margin with Y Blur, and Spread the margin between each tile object.
Figure 14: Margin and Shadows
With Borders settings (Figure 15) you can select which sides of the tile you'd like to show with a border, select a Border Style from a list of options, and set the Tile Border Color, Tile Border Width, and Tile Border Radius.
Figure 15: Borders