The dashboard designer allows you to configure and edit the layout of the tiles on the page. The dashboard designer works in the same way whether you are designing a dashboard or a perspective, but before you start you may find it helpful to understand which is best suited to your needs: How to create a dashboard and How to create a perspective.
The dashboard designer has been significantly improved in version 5, and we recommend that everyone upgrade to the latest version. In v5 it is possible to create tile layouts that were only possible by editing the page JSON in older SquaredUp versions see How to use the dashboard designer (v5).
The dashboard is saved as you go along so there's no need to save your changes. You can find your draft dashboard by clicking on the right-hand menu ☰ > system > unpublished. Your draft dashboard is not visible to anyone other than you until you publish it.
You can toggle between edit mode and view mode by clicking the edit this dashboard button at the top right:
This article covers:
- Dashboard layout
- Tile buttons
- Publishing your dashboard
You may also like to watch this short 5 minute video about using the dashboard designer, which is part of our Fundamentals Quick Win video series:
When you create a new dashboard a new tile configuration is opened automatically for you:
Click on the tile you want to configure. For more information about how to configure each tile type see the relevant article in this KB folder:
Add new tile
To add a new tile click the add new tile button:
To add a column move the move to the right-hand side of the page until the column button appears and then hover over it and click on the + plus that appears.
Hovering anywhere between columns shows the resizing arrow. You can drag the column to any width or snap to the 25%, 33%, 50%, 66% or 75% lines.
Delete a column
To delete a column hover above the column and the layout helper will change to a bin, which you can click to remove the column.
Tiles can be dragged and dropped anywhere on the dashboard. Click on the white area at the top of the tile and hold the left mouse button down while you drag the tile around the dashboard.
Grey areas indicate where the tile can be dropped:
Individual tiles can be deleted using the Delete tile button at the top right of the tile:
Cloning a tile copies the tiles configuration and creates a clone of that tile below the existing tile. You can then edit the tile configuration as required.
The cog or edit tile button takes you into the configuration settings for the tile.
For more information about how to configure each tile type please see the relevant article in this KB folder:
Publishing your dashboard
The dashboard is saved as you go along so there's no need to save your changes. You can find your dashboard by clicking on the right-hand menu ☰ > system > unpublished.
Your draft dashboard is not visible to anyone other than you until you publish it.
Clicking publish will make the dashboard visible to others on the menu where you created it. Discard will delete your draft dashboard.
For more information about the other buttons at the top of the dashboard see:
How can I control the size of Visio diagrams?
SquaredUp will resize a diagram in the Visio tile to fill the column width. Resizing the column will make the diagram increase or decrease in size accordingly. You can also affect the size a Visio diagram is displayed in SquaredUp by adding or removing the white space around the diagram in Visio as described below and in this article https://support.microsoft.com/en-us/kb/285024.
If you would like your Visio diagram to appear smaller within the column: In Visio increase the size of the white space (padding) or page around the diagram by holding down CTRL and dragging the corner of the page. Then save the SVG, and drag the new SVG file into the SquaredUp Visio section again.
If you would like your Visio diagram to appear larger within the column: In Visio reduce the size of the white space around the diagram, save the SVG and drag the new SVG file into the Visio section again.