# Body

This sheet is used to operate the controls on Body. Following are the options available.

## 1. Style

![Style Settings for Body](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MJEdEcAZ5rTAWDvV7AK%2F-MJEdUth4kwiPGG8IxgZ%2Fimage.png?alt=media\&token=114d8d84-86e6-40f0-89e5-5628bddaa822)

| Name             | Description                                                                                                                                                                                                                                                                                                 |
| ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| FontName         | Select a font name from the drop down which should be applied on '*Text'* attribute on Body.                                                                                                                                                                                                                |
| FontColor        | Enter the Hex Code of the Font Color or just enter the color name as 'red', 'green', 'purple' etc. which should be applied on '*Text'  given in Body Text Content column'* (Font color will be overridden if the '*Color'*  is given in  Font-Color column in '*Body-Text* ' sheet for respective content.) |
| Background Color | Color Name or Hex code can be entered to change the background color of the Body                                                                                                                                                                                                                            |

## 2. Component Settings

![Component Settings for Body](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MJEdEcAZ5rTAWDvV7AK%2F-MJEdd0A0oYQTf4_0afO%2Fimage.png?alt=media\&token=ec68602c-2a21-42ab-ba73-f622c8beef3b)

| Name                 | Description                                                                                                                                                                                                                                                                                                                         |
| -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Display Cards        | <p><strong>Yes</strong> -  If selected, Body cards given in <em>'Body-Cards'</em> sheet will be displayed. </p><p><strong>No</strong> - If selected, Body cards will not be displayed.</p>                                                                                                                                          |
| Display Text Content | <p><strong>Yes</strong>- If selected, Text given in '<em>Body-Text'</em> sheet will be displayed. </p><p><strong>No</strong> - If selected, Text given in <em>'Body-Text'</em> sheet will not be displayed. </p>                                                                                                                    |
| Display Order        | <p><strong>First Text & Next Cards</strong> - If selected, Text given in '<em>Body-Text'</em>  will be displayed first and then Body cards will be displayed. </p><p><strong>First Cards & Next Text</strong> - If selected, Cards given in <em>Body-Cards'</em>  will be displayed first and then Body text will be displayed.</p> |
| Display Filter       | **Yes** - If selected, Filters provided in *'Filters'* sheet will be displayed on Body. **No** - If selected, Filters provided in *'Filters'* sheet will be displayed on Body.                                                                                                                                                      |
| Display Search Bar   | <p><strong>Yes</strong>- If selected, Search Bar will be displayed on Body. </p><p><strong>No</strong> - If selected, Search Bar will not be displayed on Body.</p>                                                                                                                                                                 |

## 3. Styling - Cards

![Layout settings for Cards](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MJEdEcAZ5rTAWDvV7AK%2F-MJEgJn1MY4GbMMbM2Sp%2Fimage.png?alt=media\&token=c26f71e7-2d47-4997-ad6e-03503f085c24)

| Name                | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Layout Template     | Based on the selection, body cards given in 'Body- Cards' sheet will be adjusted on website. (Multiple layouts like Horizontal, vertical , cards displayed in circles and various modern layout designs are available in drop down)                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| Card on-click event | <p><strong>No-action</strong> - On click on body card, no action will be performed.</p><p><strong>Redirect to another Page</strong> - On click  on body card, it will be redirected to the link provided in <em>'Card-Link'</em> column from <em>'Body-cards'</em> sheet. </p><p><strong>Card Expand</strong> - On click on body card, details provided in <em>'Card-Link'</em> column from <em>'Body-cards'</em> sheet will be shown below the body card and can be minimized by clicking again on the card. </p><p><strong>Pop-up</strong> - On click on body card, details provided <em>Card-Link'</em> column from <em>'Body-cards'</em> sheet will be shown in separate pop-up.</p> |