PhixFlow Help
8. Styling Grids
Add additional styles to grid view components. To recap the steps in the video:
Highlight Inactive Customers
- Hide the
UID
column. - Add two new businesses, the first with Active ticked and the second with Active unticked.
- Set Conditional Formatting on the View attribute
Name
:- Name:
InactiveCustomer
- Rule Expression:
_current.Active != true
- Add a Style and set:
- Name:
InactiveCustomer
- Text Colour:
red
- Name:
- Name:
Style the Selected Item
- In the configuration form for the
Businesses
Grid View, in Styles Settings add a style to Row Selection Style and set:- Name:
SelectedBusiness
- Font Weight:
bold
- Font Style:
Italic
- Name:
Update the Header Styles
- In the configuration form for the
Businesses
Grid View, under the Styles Settings add a style to Grid Header Style and set: - Name:
BusinessGridHeader
- Text Size:
22
Grouping Grid Headers
- In the configuration form for the Name attribute set the Label to
Business
,Name
. The element before the comma will provide the grouping. - Repeat the above step for
Type
. - Group the address details together using
Address
. - Logically group your remaining fields.
Next video: 9. Adding Fields to Applications
Please let us know if we could improve this page feedback@phixflow.com