# Set form card layout

The **Form Card Layout** feature allows you to customize the form submission card that is visible on the chat screen.

Given below is the default layout of the card. You can select up to 5 fields to be displayed per card.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FIAsJDPQ60SdsNR4b1jvv%2Fimage.png?alt=media\&token=ff6def94-c86b-488c-8d3c-773b0be7d929)

To configure a card layout for the mobile application,

1\.    In the **Settings** screen, from the left pane, select **Set form card layout**.

The **Choose preview fields to be visible on form card in App** screen is displayed in the right pane.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FFSAvbaU91cSuJG1RMwum%2Fimage.png?alt=media\&token=94b0584c-888c-49d1-a4f0-88264e02da1c)

2\.    To select the fields to be displayed in the card, click **Select Fields (0)** and then select the required fields. 

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FrFlLKPOtiKSubN3woFOd%2Fimage.png?alt=media\&token=4106cd0d-a1a0-4434-b1da-6c44e586a05a)

The selected fields will be added to the **Selected preview fields** and **Preview of how card will look like in App** section**.**

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FXCuL0Ubei026jRPQGEFC%2Fimage.png?alt=media\&token=1a9c3763-7b80-4816-a206-cabdbe332eca)

3\.    To format the appearance of the fields in the card layout in the mobile application, in **Select preview fields**, against the required field, click **Manage**.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FuuE7Lo8kmkUI5SJpAt7w%2Fimage.png?alt=media\&token=7de4574a-f480-43ba-8168-cdc6330d54f9)

The format settings for the selected field are displayed.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FSsy9xxn1lLpRI4D1gsoF%2Fimage.png?alt=media\&token=2fa6b2a6-197d-4a52-b4e6-24db835420a8)

4\.    Select the values as required for the settings given below and then click **Apply**.

| Field                                               | Description                                                                                                                                                        |
| --------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Show the label of the field                         | <p>Turn on this toggle switch if you want to display only the value of the field on the card</p><p><em>The field label will not be displayed on the card.</em></p> |
| Select the size of the text to be shown on the card | Select the size of the text to be displayed on the card                                                                                                            |
| Choose color of the text                            | Select the color of the text to be displayed on the card                                                                                                           |

5\.    If you do not want to show the last added comment in the card, turn on the toggle switch for&#x20;

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2Fo9euJSX4WDAqXEXfa2Pg%2Fimage.png?alt=media\&token=3917a32c-8859-4394-9640-5a0cfc4da5d5)

As you can see, the comment is removed from the card layout.

6\.    To save the settings, click **Create Form** or **Update Form**.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FbzoecWFmRc2uRwujLe4i%2Fimage.png?alt=media\&token=b7f914d6-d607-4e5e-889b-2311fccf3976)

This is how the card layout will look like in the mobile application.