Vizlib Tiles objects can be broken down into Components, each of them with a specific meaning.
We've put together a Glossary to help you understand what terms like layer and margin mean within the context of a tile visualization, and included an example tile format to point out where the components are located (Figure 1). Just cross-reference the numbers in the example with the glossary table.
Figure 1: Tile Components
| Component | Description | |
|---|---|---|
| 1 | Background | The entire object background, can be a plain color, a gradient or an image. |
| 2 | Tile | The tile is repeated once per unique dimension value. |
| 3 | Layer | Any number of layers can be placed on a tile, choose from Text, Image, Line, Icon or Icon Bar. |
| 4 | Tile Border | The border around the tile can be activated for each side and color, width and corner radius. |
| 5 | Tile Margin | If shadows are used, each tile can have a margin (equal on all sides) placed round it. |
| 6 | Tile Shadow | Shadows are placed around each tile, with settings for color, blurring, offset, and spread. |
| 7 | Vertical Divider | A vertical divider is found between each tile, and can have different opacity, color and size. |
| 8 | Vertical Line | A vertical divider line is placed inside the divider and can be dashed, dotted or solid. |
| 9 | Horizontal Divider | A horizontal divider is found between each tile, and can have different opacity, color and size. |
| 10 | Horizontal Line | A horizontal divider line is placed inside the divider and can be dashed, dotted or solid. |