Vizlib Home Try Vizlib
Welcome
Login

Vizlib Writeback Table Properties - Appearance

The Appearance section contains settings which can be used to alter the look and feel in Vizlib Writeback Table (Figure 1). You'll use the Color Picker to apply color settings, you can read full instructions here. 


TABLE OF CONTENTS


Figure 1 shows a title being added, the Main Color changed to green, the Input Background Color changed to yellow, the Odd Rows Color changed to orange, a Background Gradient applied to the Header and the Disabled Color changed to purple in the Footer. 


Figure 1: Example


Back to Contents 


General


With the General settings, you can enable Show Titles to display a Title, Subtitle, and Footnote, and Show Details to display descriptions or data related to any dimensions or measures you're using (Figure 2).


Figure 2: General


Back to Contents 


Alternate States


With Alternate States, you can assign your visualization to an alternate selection state, where you can perform comparative analysis between sets of multiple data items (Figure 3). If you want to add the object to master visualizations, you need to set State to Inherited. You can find more about alternate states here. 


Figure 3: Alternate States


Back to Contents 


Main Colors Settings


Main colors settings (Figure 4) allow you to customize the colors you use in the visualization. You can choose the color you want by clicking on the color palette or entering your own hex color code in the expression text box (e.g. #FFFFFF is white).


Figure 4: Main Colors Settings



The Main Color and Main Text Color set the background and text color for components like buttons and selections (e.g. ticking a check box). Inputs settings allow you to select colors for entering information in the table. You can customize the Input Background Color, Input Text Color, Checkbox Border Color, Inline Text Color, the Chips Background Color, Chips Text Color (for the chips data type), and the Evaluated Label Color. With Other settings, you can choose the Required Label Color (if a field requires a value to be entered) and a Validation Error Color if a validation error is returned. 


Back to Contents 


Table Settings


Table settings (Figure 5) control the colors used in the table section of the visualization. You can set the color for the Table Background, Table Headers Background, Table Headers Text Color, Edited Row Color, and Edited Cell Color.


Figure 5: Table Settings


You can enable the Striped Rows settings to choose an Odd Rows Color, an Even Rows Color and set the Row Height. If you choose to show Totals in the table, you can set the Totals Label, Totals Position, Totals Background, and Totals Text Color. You can also choose to enable a Column Tooltip Icon, and customize the Custom Tooltip Icon Color


Back to Contents 


Form Settings


Form settings (Figure 6) control the colors displayed when Form View is enabled. You can choose the Form Background Color, the Group Background Color, and the Input Title Color. Form View settings let you select an Edit Column Position, and Edit Column Label, Form Title, and Footer Background Color.


Figure 6: Form Settings


Back to Contents 


Header Settings


If you choose to enable Show Header, you can use Header Settings (Figure 7) to customize the Header Title, and select the Header Height. In Custom Styling, you can enable Custom settings for the Background Color and Text Color. You can add a Background Image and set the image Size, Vertical Alignment and Horizontal Alignment, and use a Background Gradient (a gradual shading along the header), setting a Start Color, Start Opacity, End Color, End Opacity and Angle.


Figure 7: Header Settings


If you choose Use Image, you can enter the Image URL, set the image Vertical Alignment, Horizontal Alignment, Image Height, Image Width. You can also set a Font Size, Vertical Alignment, Horizontal Alignment for your header Title, and enter a Subtitle, customizing the Horizontal Alignment and the Font Size


Back to Contents 



You can use Footer Settings (Figure 8) to customize the Footer Background, Footer Text Color, and the Disabled Color.  You can also customize a Writeback Button Label in the Buttons section.


Figure 8: Footer Settings 


Back to Contents 


Others 


In Others settings (Figure 9), you can choose to display a warning message about Browser compatibility, display a Data Source Warning, and enable the Non-branded load indicator setting if you'd like to hide the Vizlib logo when you perform a reload operation.


Figure 9: Others


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.