8. Styling Grids

Add additional styles to grid view components. To recap the steps in the video:

Highlight inactive customers

1. Hide the UID column
2. Add two new businesses, the first with Active ticked and the second without Active ticked
3. Add Conditional Formatting on the View attribute Name with the following settings:
   1. Name: InactiveCustomer
   2. Rule Expression: _current.Active != true
   3. Add a Style with the settings:
      1. Name: InactiveCustomer
      2. Text Colour: red

Style selected item

1. In the configuration form for the Businesses Grid View, under the Styles Settings add a style to Row Selection Style with the settings:
   1. Name: SelectedBusiness
   2. Font Weight: bold
   3. Font Style: Italic

Update header styles

1. In the configuration form for the Businesses Grid View, under the Styles Settings add a style to Grid Header Style with the settings:
2. Name: BusinessGridHeader
3. Text Size: 22

Grouping grid headers

1. In the configuration form for the Name attribute set the Label to Business, Name. The element before the comma will provide the grouping
2. Repeat the above step for Type
3. Group the address details together using Address
4. And logically group your remaining fields