Skip To Content

Dashboard layout

A dashboard is composed of one or more elements that are designed to always occupy 100% of your browser window. When you resize your browser, the elements resize to match.

Most dashboard elements can be rearranged in numerous ways. They can be moved, docked, resized, grouped, or stacked. The only elements that can't be rearranged are the header and left panels. These occupy a predefined space on a dashboard (although a left panel can be retractable at runtime), and a dashboard can only have one of each.

To add an element to your dashboard, click Add Add and choose an element from the menu, such as Map Map.

Add an element
Tip:

Consider adding one or more map elements to your dashboard first, because a web map's operational layers can serve as the data sources for other elements.

After you have added an element to a dashboard, hover your mouse over its top left corner to display the below menu. You can access all of an element's settings through this menu. The buttons on the menu are referred to as follows, from top to bottom: Drag item Drag item, Configure Configure, Configure Actions Configure actions, Duplicate Duplicate element, and Delete element Delete element.

To rearrange the elements on a dashboard, click and hold Drag item Drag item, and move the element towards the indicator for the desired position on the dashboard. Release your mouse when the hint text changes from Drag to new position to text that includes "Dock as" such as Dock as a column.

Docking an element as a column

To stack two elements on top of each other, click and hold Drag item Drag item, and move the element towards the center position indicator of the target element. Release your mouse when the hint text changes to Stack the items.

Stack the items

To group two elements together, click and hold Drag item Drag item, and move the element towards the center position indicator of the target element, as if you are stacking elements. However, before releasing the mouse, press and hold the Shift key. This will cause the position indicators and the element you're moving to turn green. Release your mouse when the hint text changes to text that contains "Group as" such as Group as a column. Be sure to release your mouse before you release the Shift key.

Group elements as a column

To resize an element, hover your mouse over its vertical or horizontal border until your cursor changes to a crosshair, and then drag the border until the element is your desired size.

Resize elements
Tip:

As you are working on your dashboard's layout, save your work. If you'd like to create a duplicate of your dashboard, click the arrow next to Save Save, and click Save As....

Next, learn the general steps for configuring an element.