--- title: "Dashboard Overview - Customising Layouts" slug: "dashboard-overview-customising-layouts" updated: 2023-09-20T11:30:07Z published: 2023-09-20T11:30:07Z canonical: "docs.datajet.app/dashboard-overview-customising-layouts" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.datajet.app/llms.txt > Use this file to discover all available pages before exploring further. # Dashboard - Customising Layouts Dashboard slot sizes and layouts can be configured by using the **Right-Click menu**. The following options are available: - [Add Row](/v1/docs/dashboard-overview-customising-layouts#add-row) - [Add Column](/v1/docs/dashboard-overview-customising-layouts#add-column) - [Delete Last Row](/v1/docs/dashboard-overview-customising-layouts#delete-last-row) - [Delete Column](/v1/docs/dashboard-overview-customising-layouts#delete-column) - [Increase Width](/v1/docs/dashboard-overview-customising-layouts#increase-width) - [Increase Height](/v1/docs/dashboard-overview-customising-layouts#increase-height) - [Decrease Width](/v1/docs/dashboard-overview-customising-layouts#decrease-width) - [Decrease Height](/v1/docs/dashboard-overview-customising-layouts#decrease-height) It is also possible to [Rearrange Slot Contents](/v1/docs/dashboard-overview-customising-layouts#rearranging-slot-contents). [Video](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/Capture_7.mp4) ## Choosing a Dashboard Size The following dashboard sizes are available: - 2 x 2 - 4 x 4 - 4 x 6 - 18 x 8 The initial dashboard size determines the **row height** of slots on the dashboard. Adding a ROW adds a row that has the same dimensions as the initial dashboard row. #### 18 x 8 The 18 x 8 dashboard layout gives greater control over dashboard layout - resize slots using "Increase/Decrease Height/Width" until the desired layout is achieved. 18 x 8  - The number of rows for this dashboard is fixed - The maximum number of filled slots on the 18 x 8 dashboard is 24 - It is not possible to add rows to this dashboard layout ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1695209014309.png) ## Add Row Adds another row to the dashboard. A maximum of **8 rows** can be displayed on a dashboard. Note: Adding another row to the dashboard will cause the dashboard to **scroll**. ## Add Column Adds another column to the dashboard by decreasing the width of existing columns. Note: Adding columns to the dashboard **does not** cause the dashboard to scroll. ## Delete Last Row Deletes the last row from the dashboard. Note: A minimum of 1 row must be present in the dashboard ## Delete Column Deletes the selected column. Note: At least one column must be present on a dashboard. ## Increase Width Increases the width of the current slot by one current width: ![Increase Slot Width](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/Increase%20Slot%20Width.png) If the slot contains a dashboard component (i.e., a report), the component will be automatically resized with the slot. The width of a slot can only be increased into the space occupied by the slot immediately to the right of the active slot. #### Preserving Data in an adjacent slot NOTE: Increasing the width of a slot will delete any components that are in the adjacent slot. ![Preserving Data In Slot](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/Preserving%20Data%20In%20Slot.png) If there is a need to preserve the data that is in the adjacent slot, before increasing width, several options are available: - **Right-Click | Open Copy on the component in the adjacent slot**.    This will create a new workspace tab with a copy of the data in the selected slot. - **Drag slot into another slot**. Profile components allow the user to drag their content directly into adjacent slots.    To drag a component from one slot to another, make sure the dashboard is in DESIGN mode and hold down the CTRL key while dragging. ## Decrease Width Decreases the width of the current slot by one slot width. If the slot contains a dashboard component (i.e., a report), the component will be automatically resized with the slot. ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/Decrease%20Slot%20Width(1).png) ## Increase Height Increases the height of the current slot by one slot height. If the slot contains a component, the component will be automatically resized with the slot. ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/Increase%20Slot%20Height(1).png) Note: See [“Increase Width”](/v1/docs/dashboard-overview-customising-layouts#increase-width) for tips on preserving data in adjacent components before changing slot height. ## Decrease Height Decreases the height of the current slot by one slot height. If the slot contains a dashboard component (i.e., a report), the component will be automatically resized with the slot. ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/Decrease%20Slot%20Height(1).png) ## Rearranging Slot Contents ##### Drag and Drop The following component types support being moved directly from one slot to another by drag and drop: - Profiles 1. Simple Profile 2. Crosstabs 3. Index Profiles 4. Multi-Function Profiles 5. Multi-Field Profiles To *drag a component from one slot to another*, make sure the dashboard is in DESIGN mode and hold down the CTRL key while dragging. ##### Open Copy For components that don’t support rearranging via drag and drop, use the Open Copy command: 1. Put the dashboard in design board 2. Right-click the component to be moved 3. Choose **Open Copy** – a new workspace tab will be opened with a copy of the slot contents 4. Drag the new workspace tab into the desired location 5. If necessary, use **Right-Click | Delete Entry** to remove the old component ### Dashboard Styling The following options are available for altering the look and feel of dashboards: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692117816900.png) #### Padding Controls the spacing between slots. Spacing is coloured pink when in design mode: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692118428594.png) #### Borders Controls whether or not a borders are drawn around slot contents: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692118613063.png) #### Panel Borders Toggles [panel](/v1/docs/panel-form) borders on/off: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692119333640.png) #### Title Border Controls the display of Slot Title Borders: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692119510539.png) #### Cycle Palette Turns on [palette](/v1/docs/setpalette) colour cycling - each new series that is plotted will take the next colour in the palette cycle: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692121218820.png) #### Alternation Off Toggles alternate grid line colours: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692121402184.png) #### Hide Headers Toggle Grid headers on/off: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692121971250.png) #### No Row Marker Toggle Grid Row Margin on/off: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692122176134.png) #### Background Change background colour: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692122516188.png) #### Foreground Change Foreground colour: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692122595569.png) #### Grid Lines Controls the display of grid lines in data grids and charts - None - Both - Horizontal - Vertical #### Grid Style | style | | | --- | --- | | material | reflects the background of the dashboard: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692123363966.png) | | office 2016/2013/2019 | ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692123701765.png) | | crystal | ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692124436487.png) | | studio 2019 | ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692124497198.png) | | windows 8/11 | ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692124552129.png)![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692124575765.png) | | transparent | ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1692123322434.png) | #### Font Style