Difference between revisions of "Dashboards"
Jump to navigation
Jump to search
| (23 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | This document can now be found at its new location in the [https://docs.hornbill.com/esp-config/advanced-analytics/dashboards/ Hornbill Document Library]. | |
| − | |||
| + | [[file:hornbill-document-library.png|Dashboards|link=https://docs.hornbill.com/esp-config/advanced-analytics/dashboards/]] | ||
| + | |||
| + | <!-- | ||
| + | <div style="border:1px solid #90C0FF; background:#D0E0FF; width:99%; padding:4px; margin-bottom:10px;"> | ||
| + | __NOTOC__ | ||
| + | {| style="width:100%" | ||
| + | |[[Main Page|Home]] > [[Administration]] > [[Advanced Analytics]] > Dashboards | ||
| + | |style="text-align:right;"|[[:Category:Service Manager Administration|Index]] | ||
| + | |} | ||
| + | </div> | ||
| + | {|style="width: 100%" | ||
| + | |- valign="top" | ||
| + | |style="width:73%"| | ||
| + | == Introduction == | ||
Dashboards are used to display widget content. | Dashboards are used to display widget content. | ||
* Dashboards can be customised to include multiple rows and columns to which widgets can be added. | * Dashboards can be customised to include multiple rows and columns to which widgets can be added. | ||
| − | * Dashboards can be shared with specific users | + | * Dashboards can be shared with specific users and roles |
* Dashboards can be displayed on large screens or consumed into slides and displayed in Slideshows. | * Dashboards can be displayed on large screens or consumed into slides and displayed in Slideshows. | ||
| + | |||
| + | |style="width:5%"| | ||
| + | | | ||
| + | |style="width:22%; border-style: solid; border-width: 1px; border-color:#e6e6e6; background-color:#f2f2f2;"| | ||
| + | |||
| + | == Related Articles == | ||
| + | :* [[Widgets]] | ||
| + | :* [[Slideshows]] | ||
| + | :* [[Reporting]] | ||
| + | |||
| + | |} | ||
==Creating a Dashboard== | ==Creating a Dashboard== | ||
| Line 15: | Line 39: | ||
In order to access the configuration options for the Dashboard select the '''Edit Mode''' button in the top right of the Dashboard canvas | In order to access the configuration options for the Dashboard select the '''Edit Mode''' button in the top right of the Dashboard canvas | ||
| − | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width: | + | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width:900px"> |
| − | ===Defining Dashboard | + | ====Defining Dashboard layouts==== |
<div class="mw-collapsible-content"> | <div class="mw-collapsible-content"> | ||
In order to create a Dashboard which contains multiple widgets, it is important to understand how to configure rows, columns, heights, widths and how to add multiple widgets to a single column. | In order to create a Dashboard which contains multiple widgets, it is important to understand how to configure rows, columns, heights, widths and how to add multiple widgets to a single column. | ||
| − | *'''Default Dashboard | + | *'''Default Dashboard layout''' |
:* The default Dashboard layout includes a single row, and a single column. The row is set to '''100%''' of the Dashboard Height, and the column is set to '''100%''' of the Dashboard width as shown below. | :* The default Dashboard layout includes a single row, and a single column. The row is set to '''100%''' of the Dashboard Height, and the column is set to '''100%''' of the Dashboard width as shown below. | ||
| − | [[File:Dashboard_Layout.png| | + | [[File:Dashboard_Layout.png|1000px]] |
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width: | + | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width:900px"> |
| − | ===Adding additional rows=== | + | ====Adding additional rows==== |
<div class="mw-collapsible-content"> | <div class="mw-collapsible-content"> | ||
:* In order to add an additional row below the default row, select the '''+''' button in the top left hand corner of the default row. This will add a new row directly below. | :* In order to add an additional row below the default row, select the '''+''' button in the top left hand corner of the default row. This will add a new row directly below. | ||
| Line 37: | Line 61: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width: | + | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width:900px"> |
| − | ===Adding columns to rows=== | + | ====Adding columns to rows==== |
<div class="mw-collapsible-content"> | <div class="mw-collapsible-content"> | ||
:* In order to add additional columns to a row, select the [[File:Screen_Shot_2015-11-24_at_21.20.49.png]] button from the top right hand corner of the row. This will add a column to the row. | :* In order to add additional columns to a row, select the [[File:Screen_Shot_2015-11-24_at_21.20.49.png]] button from the top right hand corner of the row. This will add a column to the row. | ||
| Line 47: | Line 71: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width: | + | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width:900px"> |
| − | ===Adding widgets to columns=== | + | ====Adding widgets to columns==== |
<div class="mw-collapsible-content"> | <div class="mw-collapsible-content"> | ||
:* In order to add a widget to a column on a row, there are two options which need to be configured. | :* In order to add a widget to a column on a row, there are two options which need to be configured. | ||
| Line 57: | Line 81: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width: | + | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width:900px"> |
| − | ===Adding multiple widgets to a single column=== | + | ====Adding multiple widgets to a single column==== |
<div class="mw-collapsible-content"> | <div class="mw-collapsible-content"> | ||
:* In order to add multiple widgets to a single column on a row, click on the '''Charts''' button on the column, this will add an additional widget to the row. Multiple widgets can be added to a single column. | :* In order to add multiple widgets to a single column on a row, click on the '''Charts''' button on the column, this will add an additional widget to the row. Multiple widgets can be added to a single column. | ||
| Line 66: | Line 90: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width: | + | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width:900px"> |
| − | ===Row and column heights and widths=== | + | ====Row and column heights and widths==== |
<div class="mw-collapsible-content"> | <div class="mw-collapsible-content"> | ||
:* Ensure that the total of all row heights equals 100% in order to correctly display on the Dashboard. | :* Ensure that the total of all row heights equals 100% in order to correctly display on the Dashboard. | ||
| Line 73: | Line 97: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width: | + | <div class="mw-collapsible mw-collapsed" data-collapsetext="Show Less" data-expandtext="Read More" style="width:900px"> |
| − | ===Moving Columns between rows=== | + | ====Moving Columns between rows==== |
<div class="mw-collapsible-content"> | <div class="mw-collapsible-content"> | ||
It is possible to move columns of widgets between rows by dragging and dropping the columns as required | It is possible to move columns of widgets between rows by dragging and dropping the columns as required | ||
| Line 81: | Line 105: | ||
</div> | </div> | ||
| − | + | ==Managing Dashboard Settings== | |
| − | + | Once the Dashboard layout, and widget content is configured it is important to complete the Dashboard Settings . | |
| − | + | [[File:Dashboard_Configuration.png|900px]] | |
| − | [[File:Dashboard_Configuration.png| | ||
| + | * '''Title''': Name of the Dashboard | ||
| + | * '''Description''': Dashboard purpose and or content | ||
| + | * '''Status''': By Default this is set to '''In development''', once the Dashboard is configured the status should be changed to '''Available for use'''. Only Dashboards marked as '''Available for use''' will appear when configuring the content of slides in slideshows. | ||
| + | * '''Access Granted To''': Determine who to make the Dashboard available to. It is possible to assign the dashboard to multiple '''Users''' and '''Roles'''. Add Additional '''Users''' and '''Roles''' by using the '''Add New''' option. Switch the context between '''User''' and '''Role''' by clicking on the '''User / Role''' header and then selecting the user or role accordingly | ||
| − | [[Category:Administration]] | + | * Save the Dashboard by selecting the '''Save''' (disc) icon. |
| + | * Create a copy of the Dashboard layout by selecting the '''Save As''' option from the drop down next to the '''Save''' (disc) icon, and giving the new Dashboard a name. | ||
| + | [[Category:Administration]][[Category:Videos]] | ||
| + | --> | ||
| + | [[Category:HDOC]] | ||
Latest revision as of 18:39, 11 April 2024
This document can now be found at its new location in the Hornbill Document Library.
