Difference between revisions of "UM:Dashboards"

20 bytes added ,  17:18, 7 April 2015
m
Grammar fixes
(Link to YT)
m (Grammar fixes)
Line 19: Line 19:
[[File:DashboardProperties.png]]
[[File:DashboardProperties.png]]


When new element added, you can edit it by double-clicking on record in elements list, or by pressing ''Edit'' button. Each dashboard element has '''Layout''' property page which controls element's layout inside dashboard, and one or more element type specific pages to control element's appearance and displayed information. The following element types are available:
When a new element is added, you can edit it by double-clicking on it's record in the elements list, or by pressing the ''Edit'' button. Each dashboard element has '''Layout''' property page which controls the element's layout inside the dashboard, and one or more element type specific pages to control element's appearance and displayed information. The following element types are available:


{| class="wikitable"
{| class="wikitable"
Line 73: Line 73:
=== Data Sources ===
=== Data Sources ===


'''Data sources''' page is available for all DCI based elements: Bar Chart, Dial Chart, Line Chart, Pie Chart, and Tube Chart. Here you can define what DCIs should be used as data sources for the chart. Up to 16 DCIs can be added to single chart. You can configure multiple properties for each data source. To edit data source, either double click on appropriate item in the list, or press ''Edit'' button. Data source configuration dialog looks like following:
'''Data sources''' page is available for all DCI based elements: Bar Chart, Dial Chart, Line Chart, Pie Chart, and Tube Chart. Here you can define what DCIs should be used as data sources for the chart. Up to 16 DCIs can be added to a single chart. You can configure multiple properties for each data source. To edit data source, either double click on appropriate item in the list, or press ''Edit'' button. Data source configuration dialog looks like following:


[[File:ChartDataSourceConfig.png]]
[[File:ChartDataSourceConfig.png]]
Line 125: Line 125:
= Understanding Element Layout =
= Understanding Element Layout =


Dashboard uses grid concept to layout it's elements. Available space divided into rows and columns, and each element occupies one or more cells. Number of columns configured in dashboard object properties, and number of rows calculated automatically based on number of columns, number of elements, and number of cells occupied by each element. Elements are laid out in columns from left to right, and a new row is created when there are no space left for next element on current row.  
Dashboard uses grid concept to layout it's elements. Available space is divided into rows and columns, and each element occupies one or more cells. The number of columns is configured in dashboard object properties, and number of rows is calculated automatically based on number of columns, elements, and cells occupied by each element. Elements are laid out in columns from left to right, and a new row is created when there is no space left for next element on current row.  
Each element has horizontal and vertical alignment properties. Default for both is FILL. Possible alignment values are following:
Each element has horizontal and vertical alignment properties. Default for both is FILL. Possible alignment values are following:


184

edits