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 and choose an element from the menu, such as Map .
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 , Configure , Configure Actions , Duplicate , and Delete element .
To rearrange the elements on a dashboard, click and hold 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.
To stack two elements on top of each other, click and hold 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.
To group two elements together, click and hold 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.
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.
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 , and click Save As....
Next, learn the general steps for configuring an element.