--- title: "Step 7 - Create Dashboard" slug: "step-5-create-dashboard" updated: 2023-12-23T11:22:14Z published: 2023-12-23T11:22:14Z canonical: "docs.datajet.app/step-5-create-dashboard" --- > ## 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. # Step 5 - Create Dashboard > **NOTE** > > This article is part of the "[Tutorial - Basic Sales Dashboard](/v1/docs/basic-sales-dashboard-tutorial-overview)" series. See [Dashboard - Introduction](/v1/docs/dashboard-overview-introduction) for a detailed overview of dashboard functionality. ## Approach When creating a dashboard, layout is key. This section shows how to create an empty dashboard and modify the layout to suit the visualisations that are going to be placed in it. When working on other dashboards, use the principles introduced here to create the required layout. At the end of this step, you will know how to: - **Create a Blank Dashboard** - **Design a custom Dashboard layout** - **Save and re-open a dashboard** ## Key Techniques The following functional areas are introduced by this step: - [Dashboards](/v1/docs/dashboard-overview-introduction) - [Creating a dashboard](/v1/docs/dashboard-overview-creating-a-dashboard) - [Saving a dashboard](/v1/docs/dashboard-saving-and-storing) - [Customising Dashboard Layouts](/v1/docs/dashboard-overview-customising-layouts) ## Video Tutorial [Video](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/BDS%20-%20Step%205(1).mp4) ## Create Dashboard The finished sales dashboard will have 13 different “slots” for visualisations. Note the orange borders in the image below which shows the outlines of the slots: ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-ND7SPCKY.png) ### Creating a Dashboard To create a dashboard go to **Analytics | Dashboard | 4 X 6****.** (NOTE: For this dashboard, select the four by six dashboard as a starting point.) **![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1701346076707.png)** ## Customise Dashboard The height and width of slots in the dashboard, as well as the number of columns, can be changed by **right clicking** on the slot and selecting the desired option. ### Add Columns From the starting point of a 4×6 dashboard, two columns need to be added. Do this by: - **right-clicking,** - and selecting **Add Column**. - Do this twice. ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1701346396289.png) ### Increase Height and Width #### Increase Width Increases the width of the current slot by one current width. Do this by: - **right-clicking,** - and selecting **Increase 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. #### Increase Height Increases the height of the current slot by one slot height. Do this by: - **right-clicking,** - and selecting **Increase Height**. ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/Increase%20Slot%20Height(1).png) ### Final Dashboard layout Keep editing your dashboard by increasing the height and width of slots as necessary, until it looks like the dashboard below. ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1701346461210.png) ### Save Dashboard You can then save this dashboard template by clicking the **save** icon on the toolbar. The **Save Report** dialog will appear. Change the name of the report to **DAILY DASHBOARD** and select **OK.** ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-1701346561286.png) ### Opening a saved Dashboard To open **DAILY DASHBOARD:** - go to **Reports** - expand **Home** - **Drag and Drop** **DAILY DASHBOARD** into the workspace. ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-SYSNVVP9.png) #### Design/View Mode When a saved Dashboard is opened it will be in **view mode**. To edit the dashboard put it into **design mode** by *one* of the following methods: - Right-click and choose “**design mode**” - Select the **Toggle** button. ![](https://cdn.document360.io/73b6469b-c1e4-47e9-aa65-986c8ebd17ca/Images/Documentation/image-Y62AV6EK.png) NOTE: To see if a dashboard is in design mode confirm that individual slots have orange borders surrounding them.