---
title: "FCardLayout"
canonical: "https://help.fieldbuddy.com/space/FBDOCS/4538302465/FCardLayout"
format: markdown
---
FCardLayout is a container for an array of subcomponents**. **
It** **can be placed as an array to display lists of dynamic information that look like below:
It allows to show fields from various objects by path, as well as some actionable items like phone numbers, or URLs.
Example of a card layout with one item is below:
| **Property** | **Description** | **Value** | **Default** |
| --- | --- | --- | --- |
| `active` | Deprecated, can be ignored. | boolean | `undefined` |
| `columns` | Determines the number of columns to render the list in. | number (integer) | `1` |
| `items` | See the item configuration section below. | array of subcomponent configuration | `[]` |
| `condition` | Defining this field allows this component to be rendered conditionally.
For more information regarding how to construct this field, check out: [https://help.fieldbuddy.com/space/FBDOCS/3113911148/Validation+and+Filter+Logic+using+JsonQuery](https://help.fieldbuddy.com/space/FBDOCS/3113911148/Validation+and+Filter+Logic+using+JsonQuery)
Examples:
- [https://help.fieldbuddy.com/space/FBDOCS/5986058251/Example+1b:+Show%2Fhide+a+section+on+a+component+(JQuery+approach)](https://help.fieldbuddy.com/space/FBDOCS/5986058251/Example+1b:+Show%2Fhide+a+section+on+a+component+(JQuery+approach))
- [https://help.fieldbuddy.com/space/FBDOCS/5985828886/Example+2:+Show%2Fhide+a+field+on+a+screen](https://help.fieldbuddy.com/space/FBDOCS/5985828886/Example+2:+Show%2Fhide+a+field+on+a+screen) | object or array | `undefined` |
# Item Configuration
| **Field** | **Value** |
| --- | --- |
| `type` | See the supported components section below. |
| `dataBinding` | Describes where to find the data to display, such that the data found at the `field` column of `table` will be assigned to variable `var`.
When the data point is empty, the value of `empty` will be used. |
| `dataText` | Describes the matching of data bindings to lines to display in the component.
The alphabetical order of keys determines the order displayed data. (i.e. LINE1 will be displayed higher than LINE2, and so on).
The values should match the `var` fields in `dataBinding` list. |
| `staticBinding` | Describes the static data that will be a part of the component.
When omitted, the icon and the title will be hidden.
See the supported static bindings section below. |
---
## Supported Static Bindings
Note that all static binding names are case sensitive.
| **Name** | **Value fields** | **Description** | **Default** |
| --- | --- | --- | --- |
| `CARD_TITLE` | `text` | Value given to `text` determines the label of the title. | - |
| `CARD_ICON` | `android`, `ios`
`type` | Value given to `ios` and `android` determines the platform-dependent icon displayed next to the title.
Value given to `type` determines the family of icon.
Complete list of icons can be found here: [https://icons.expo.fyi/Index](https://icons.expo.fyi/Index) | The default icon family is `Ionicons`. |
## Supported Subcomponents
---
---
---
---
---
---
## Deprecated Subcomponents
`FLabelValueCard`, `FRecordType`
Use FSingleCard instead.