Vizlib Home Try Vizlib
Welcome
Login

Vizlib Tiles Properties - Appearance

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


TABLE OF CONTENTS


The example in Figure 1 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: Customizing Appearance


TABLE OF CONTENTS


General


The General settings (Figure 2) allow you to Show titles for a sheet and also Show details like descriptions for measures. 


Figure 2: General


Back to Contents


Alternate States


Alternate States settings (Figure 3) permit you to assign Vizlib Tiles objects to an alternate selection state. You can find more about alternate states here. 


Figure 3: Alternate States 


Back to Contents


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


Back to Contents


Tiles Background 


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) 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 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


Back to Contents


Object Background


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


Back to Contents 


Horizontal Divider


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


Back to Contents


Vertical 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


Back to Contents


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


Back to Contents


Borders


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 Corner Radius


Figure 15: Borders


Back to Contents





K
Kenneth is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.