Serene Grey Template Package
Serene Grey Introduction
The Serene Grey Template Package makes use of the latest features in PhixFlow. (Download) The following Card Containers can be found in the Serene Grey palette. Basic A standard card container with no styling that displays the content of each row of data on a backing table. Content is displayed by adding fields or dynamic text to a card. Contacts A card container with icon and button styling that displays the content of each row of data on a backing table. Content is displayed by adding fields or dynamic text to a card. Buttons can be configured to perform actions, such as calling a phone number or creating a new email. A card container with button styling, displaying data from another table. A card container that shows one card, displaying data from another table. A card container that shows one card with an expandable area. A card container that displays an aggregate view to group repeated values to display as a list. Users can then select records to filter an existing grid or card component. A card container that displays a counter that can generate a total. It provides a circular card component that can be used to display a numeric value. This component requires a backing aggregate view that returns a single value in an attribute called "Count". As above. Includes a label field. A card container that displays a counter that can generate 3 totals, with label fields. It provides 3 circular counters in a single card component that can be used to display numeric values. This component requires a backing aggregate view that returns three total values. By default these are called "Count" but the names will need to be changed to display the values shown in the backing view. A card container that displays a basic Kanban board, designed to display the statuses of different tasks. As above. Includes styling to display the cards as yellow sticky notes.Card Containers in Serene Grey
Card Type Icon Description Example Use Comment See 22. Exercises Read Only Expandable Use when there is extra data that does not require displaying. Filter List Add next to an existing grid or card component to filter its content. Filter can be applied to the existing grid or card component to filter the records by the selected card. Counter Labelled Counter Triple Counter Kanban Board 1 Kanban Board 2