Vizlib Home
Welcome
Login

Vizlib Writeback Table - Custom Styling

Custom Styling


If you'd like to apply your own styling to your data, Vizlib Writeback Table contains a Custom Styling panel, with functions to help modify and control presentation and color branding. 


Custom Styling - Default

The setting for Custom Styling is set to the Default (Figure 1). You can see that in row 7 the cell is highlighted in the same colour as the header (Vizlib Blue). 


Figure 1: Default Custom Styling


Custom Styling - Custom 

  • To start using custom styling, toggle the Custom Theme slider to the right to allow you to edit the Custom properties (Figure 2).


Figure 2: Custom Styling Commands


There are 3 color types you can select and adapt for custom styling. .


  • Custom Color - the color used to highlight each row currently selected. 
  • Column Header Background - the color used for the background of each column header.
  • Column Header Text - the color used for the text in each column header. 


There are 2 methods of customising a color (Figure 3). 


Figure 3: Custom Styling Selection


  • Select a Custom Color using the color palette by clicking on the dropdown and clicking on a position in the color matrix. 
  • Open the expression editor and enter the hex code for the color you want to change. In figure 3, for example, the color used for column headers is listed as #000000, which is the hex code for Black.


You can see an example of custom styling being applied in Figure 4. You can see that the Custom Color highlighting row 5 has changed to green, and the Column Header Background has also been changed to green. 


Figure 4: Custom Styling Applied


Related Articles

You can find a list of related articles in the Vizlib Writeback Table Overview



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.