{"id":111,"date":"2015-06-15T16:54:36","date_gmt":"2015-06-15T15:54:36","guid":{"rendered":"http:\/\/iaohelp.azurewebsites.net\/dashboard-builder\/?page_id=111"},"modified":"2020-08-19T15:02:18","modified_gmt":"2020-08-19T14:02:18","slug":"dashboard-builder-overview","status":"publish","type":"page","link":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/dashboard-builder-overview\/","title":{"rendered":"The Dashboard Editor screen"},"content":{"rendered":"

When you create\/edit a dashboard using Dashboard Builder you will be presented with a screen similar to that shown below.\u00a0 A dashboard based on an ArcGIS Online web map<\/a> is shown on the right hand side, a settings panel is shown on the left hand side and there are a number of menu options shown on the top bar.\u00a0 These various areas are described below.<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

Dashboard Title<\/strong><\/p>\n

The title of the dashboard you are currently editing can be seen in the blue vertical bar to the very left of the screen. You can change the dashboard title in the item properties in the ArcGIS Online content.<\/p>\n

Edit\/Preview Mode<\/strong><\/p>\n

On start-up,\u00a0 the mode of the dashboard is set to <\/i>Edit<\/span>, which means that you can change the design of your dashboard. Click on the <\/i>Mode<\/span> button at the top of the screen to put the dashboard into <\/i>Preview <\/span> mode so you can see how it will appear and behave once published. In preview mode the dashboard will show a Preview<\/span> label.<\/p>\n

Design<\/strong><\/p>\n

In ‘Edit Mode’ you are able to select different dashboard widgets by clicking on them.\u00a0 You can then drag them around the screen or resize them.\u00a0 You can delete a widget by clicking on the cross in the top left hand corner.\u00a0 Some dashboard widgets may be set to be hidden at start up or set as popups (e.g. the data explorer) so you won’t be able to see them.\u00a0 There may also be widgets that are hidden behind other widgets .\u00a0 To view these you will need to use the ‘Select’ menu within the properties panel to make them visible for positioning, resizing and setting their properties.<\/p>\n

Settings<\/strong><\/p>\n

The settings panel on the left hand side of the page allows you to set the properties for each dashboard widget, define overall styling and change the legend settings. With the <\/i> button the settings panel can be hidden so that the dashboard fills the width of your screen. A hidden settings panel can be restored by clicking the <\/i>\u00a0Settings<\/span> button.<\/p>\n

Properties Tab<\/em><\/p>\n

This tab shows the properties of the selected widget. If you click on any blank space on the dashboard, the general properties for the dashboard will be shown.\u00a0 Except when the list of properties is very short, properties are organsied in property groups that can be collapsed and expanded by clicking on the group name. Hovering over a property will often display some help about that property.\u00a0 Many properties can be left with their default settings, others you can try changing to see what effect they will have on the dashboard. The properties for some of the more complex widgets are described in the respective widget page (expand the ‘Widgets’ option in the menu on the left).<\/p>\n

The ‘Select’ button opens a list of all widgets which are currently in your dashboard. Clicking on a widget listed here will highlight it so you can\u00a0edit the properties or resize \/ move it. This is especially useful for widgets which are completely hidden behind other widgets.<\/p>\n

Use the ‘Send To Back’ and ‘Bring To Front’ buttons to control how overlapping widgets appear.<\/p>\n

Style Tab<\/em><\/p>\n

These settings allow you to change the overall look and feel of your dashboard. Firstly click on the <\/i>\u00a0Colour\u00a0Scheme<\/span> button to open the Colour Scheme dialog.<\/p>\n

\"\"<\/a><\/p>\n

Chose a colour from the colour swatch at the top and then select one of the styles based on your selected colour. Afterwards you can fine-tune the styling by changing colours, fonts and borders of the widgets, widget headers and buttons as well as adjusting some general style settings for your dashboard.<\/p>\n

<\/i> Layout<\/strong><\/p>\n

The Layout menu option allows you to choose from a set of predefined dashboard layouts. These are a good starting point for designing your dashboard.\u00a0 Some layouts have widgets that are not available in other layouts.\u00a0 Note that when you switch layouts you will lose any design changes you have made. Some of the more complex layouts are described in the respective layout page (expand the \u2018Layouts\u2019 option in the menu on the left).<\/p>\n

<\/i> Widgets<\/strong><\/p>\n

Use this menu to insert additional widgets into the dashboard. Note that the range of widgets available will depend on the layout chosen using the layout menu.<\/p>\n

\"Dashboard\u00a0 Layers<\/strong><\/p>\n

This button opens the Layer Manager<\/a>. This allows you to set how the layers in the web map should be displayed in the dashboard.<\/p>\n

\"data_manager_icon\"Data<\/strong><\/p>\n

This button opens up the Data Manager<\/a>. This allows you to select which data you would like to display in your dashboard and control how it appears.<\/p>\n

<\/i> Save<\/strong><\/p>\n

Saves all changes back to your app on ArcGIS Online.<\/p>\n

<\/i> Save As…<\/strong><\/p>\n

Saves a copy of this dashboard into your ArcGIS Online account. You will be able to change the title of the dashboard, tags and the folder where it is saved to.<\/p>\n

<\/i> Share<\/strong><\/p>\n

Opens the Share dialog.<\/p>\n

\"\"<\/a><\/p>\n

<\/i> Sharing<\/em><\/p>\n

This allows you to control the viewing rights for the dashboard. You can choose to share with everyone, your organisation or specific groups of users.<\/p>\n

<\/i> Linking & Embedding<\/em><\/p>\n

Here you can obtain the code for embedding your dashboard in another website.<\/p>\n

<\/i> Publish Data<\/em><\/p>\n

If your dashboard is using data from an InstantAtlas Data Catalog and it is slow to load due to a large data model you can publish the data.json to a static file on the Azure storage to speed up startup. Please be aware that any updates you (or others) make to the data on ArcGIS Online will be ignored until the data is re-published.<\/p>\n

<\/i> Done<\/strong><\/p>\n

Takes you back to the Dashboard Builder home screen.<\/p>\n

\"Help\" Help<\/strong><\/p>\n

Contains a Quick Start Guide and a link to the Dashboard Builder help pages.<\/p>\n","protected":false},"excerpt":{"rendered":"

When you create\/edit a dashboard using Dashboard Builder you will be presented with a screen similar to that shown below.\u00a0 A dashboard based on an ArcGIS Online web map is shown on the right hand side, a settings panel is shown on the left hand side and there are a number of menu options shown … Continue reading The Dashboard Editor screen<\/span><\/a><\/p>\n","protected":false},"author":22,"featured_media":0,"parent":0,"menu_order":11,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-111","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/pages\/111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/comments?post=111"}],"version-history":[{"count":0,"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/pages\/111\/revisions"}],"wp:attachment":[{"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/media?parent=111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}