---
schema_version: "1"
id: 6ed3ea439d20b330511a96fdc32ffc05cc0b09851d48e55dca882b1a3270fd69
title: gridLayouts JSON
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/analytics/bi_dev_guide_json/guides/bi-dbjson-gridlayouts.md
canonical_url: https://developer.salesforce.com/docs/analytics/bi-dev-guide-json/guide/bi-dbjson-gridlayouts.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: a2c5762650cabdb74d87e9cde145a8e05d92025ee88a1d3f251f02a29961fd65
products:
  - Analytics Dashboard JSON Developer Guide
  - analytics
---

# gridLayouts JSON

The `gridLayouts` section defines all layouts built for the dashboard.

For more information about layouts for CRM Analytics dashboards, see [Generate Unique Dashboard Layouts for Different Devices](https://help.salesforce.com/apex/HTViewHelpDoc?id=bi_dashboard_layout_select_flex.htm). .

## Example

```nolang
"gridLayouts": [
    {
        "name": "Default",
        "numColumns": 9,
        "pages": [
            {
                "label": "Page 1",
                "name": "41f040d6-48a6-4dc7-9166-eb985df7e9d8",
                "widgets": [
                    {
                        "colspan": 9,
                        "column": 0,
                        "name": "filterpanel_1",
                        "row": 0,
                        "rowspan": 3,
                        "widgetStyle": {
                            "borderEdges": []
                        }
                    },
                    {
                        "colspan": 9,
                        "column": 0,
                        "name": "chart_1",
                        "row": 3,
                        "rowspan": 5,
                        "widgetStyle": {
                            "borderEdges": []
                        }
                    },
                    {
                        "colspan": 2,
                        "column": 0,
                        "name": "link_1",
                        "row": 8,
                        "rowspan": 1,
                        "widgetStyle": {
                            "borderEdges": []
                        }
                    }
                ]
            },
            {
                "label": "Page 2",
                "name": "ac750443-1729-47fb-8d60-a35703076bf7",
                "widgets": [
                    {
                        "colspan": 9,
                        "column": 0,
                        "name": "filterpanel_1",
                        "row": 0,
                        "rowspan": 3,
                        "widgetStyle": {
                            "borderEdges": []
                        }
                    },
                    {
                        "colspan": 9,
                        "column": 0,
                        "name": "table_1",
                        "row": 3,
                        "rowspan": 7,
                        "widgetStyle": {
                            "borderEdges": []
                        }
                    }
                ]
            }
        ],
        "rowHeight": "normal",
        "selectors": [],
        "style": {
            "alignmentX": "left",
            "alignmentY": "top",
            "backgroundColor": "#44A2F5",
            "cellSpacingX": 4,
            "cellSpacingY": 4,
            "fit": "original",
            "gutterColor": "#A3B8CC"
        },
        "version": 1
    },
    {
        "name": "Mobile",
        "numColumns": 2,
        "pages": [
            {
                "label": "Page 1",
                "name": "41f040d6-48a6-4dc7-9166-eb985df7e9d8",
                "widgets": [
                    {
                        "colspan": 2,
                        "column": 0,
                        "name": "filterpanel_1",
                        "row": 0,
                        "rowspan": 2,
                        "widgetStyle": {
                            "borderEdges": []
                        }
                    },
                    {
                        "colspan": 2,
                        "column": 0,
                        "name": "chart_1",
                        "row": 2,
                        "rowspan": 10,
                        "widgetStyle": {
                            "borderEdges": []
                        }
                    }
                ]
            }
        ],
        "rowHeight": "normal",
        "selectors": [
            "maxWidth(599)"
        ],
        "style": {
            "alignmentX": "left",
            "alignmentY": "top",
            "backgroundColor": "#2EC2BA",
            "cellSpacingX": 4,
            "cellSpacingY": 4,
            "fit": "original",
            "gutterColor": "#091A3E"
        },
        "version": 1
    }
]
```

- **[gridLayouts Properties](https://developer.salesforce.com/docs/analytics/bi-dev-guide-json/guide/bi-dbjson-gridlayoutproperties.md)**


    The `gridLayouts` key defines all layouts for the dashboard. It contains a separate node for each layout. Each layout has properties that provide information about the devices that can use the layout and the placement of each widget in the layout. It also contains dashboard properties, like cell spacing in the grid and the dashboard's background color or image.