Introduction

Drop-down views can be styled to suit your business requirements. In the below example, row styling has been configured on the view that can be seen in the drop-down. 

For creating drop-downs, see Adding a Drop-Down.

View Style Settings

In this example, we will create a number of new styles to achieve the below styling for our drop-down view.

1. For Grid Row Style, select the  icon to create a new style:

   1. Name: GridRowHeight

   2. Height: 20px

   3.  Apply and Close

2. For Grid Column Style, select the  icon to create a new style:

   1. Name: GridColumnBorderRight

   2. Border: choose the Split border option

      1. For R:

         1. Enter 1px

         2. For the colour picker, enter the hex code #bdbdbd

         3. For the line, choose solid 

   3.  Apply and Close

3. For Grid Alternate Row Style, select the  icon to create a new style:

   1. Name: GridAltRowColour

   2. Fill: #e8e8e8

   3.  Apply and Close

4. For Row Selection Style, select the  icon to create a new style:

   1. Name: RowSelectColour

   2. Fill: #c27ba0

   3.  Apply and Close

5. For Grid Row Hover Style, select the  icon to create a new style:

   1. Name: GridRowHoverColour

   2. Fill: #daafc6

   3.  Apply and Close
6.  Apply and Close the new View