User Tools

Site Tools


dashboards

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Next revisionBoth sides next revision
dashboards [2018/10/09 09:46] – [Controls description] emozolyakdashboards [2018/10/09 09:54] – [Controls description] emozolyak
Line 155: Line 155:
  
 {{ ::controls_overview.gif?direct |}} {{ ::controls_overview.gif?direct |}}
 +
 +----
  
 === LED control === === LED control ===
Line 165: Line 167:
   ***3D** - adds gradient to LED for 3D effect   ***3D** - adds gradient to LED for 3D effect
   ***Round corners** - if checked the LED shape will become round   ***Round corners** - if checked the LED shape will become round
 +{{:led.jpg?direct&50|}}
   ***Lock position** - protect LED's coordinates from unintentional changes, but still the element can be deleted.   ***Lock position** - protect LED's coordinates from unintentional changes, but still the element can be deleted.
   ***Layer** - arrows send control to layer (bottom, lower, higher, top)   ***Layer** - arrows send control to layer (bottom, lower, higher, top)
  
 (d) - means the property can be dynamic (d) - means the property can be dynamic
 +
 +In the followed control descritions only specific attributes for the given element will be explained (without repetition from previous element explanations). 
  
 ---- ----
  
 === Text value === === Text value ===
- 
-Only specific for text properties will be explained below, other are expained in LED and similar controls.  
  
   ***Label** - It is a text before register value text   ***Label** - It is a text before register value text
Line 198: Line 201:
  
 === Button === === Button ===
- 
-Only specific for this control properites will be explained below, other are expained in LED and similar controls.  
  
   ***Transparent** - the button will be invisible but working. E.g. to lay it over the image.    ***Transparent** - the button will be invisible but working. E.g. to lay it over the image. 
Line 217: Line 218:
  
 === Image === === Image ===
- 
-Only specific for this control properites will be explained below, other are expained in LED and similar controls.  
  
   ***Image** - this image is the default image on display, when no register is linked to the image or no dynamic property for the image is defined   ***Image** - this image is the default image on display, when no register is linked to the image or no dynamic property for the image is defined
Line 229: Line 228:
  
 === Progress bar === === Progress bar ===
- 
-Only specific for this control properites will be explained below, other are expained in LED and similar controls.  
  
   ***Orientation** - defines horizontal or vertical type for the progress bar    ***Orientation** - defines horizontal or vertical type for the progress bar 
Line 240: Line 237:
  
 === Gauge === === Gauge ===
- 
-{{::gauge_1.jpg?direct&200|}} 
- 
-Only specific for this control properites will be explained below, other are expained in LED and similar controls.  
  
 The gauge imitates physical metering device with arrow or other point moving along the ruler. And has almost the same settings as in progress bar: The gauge imitates physical metering device with arrow or other point moving along the ruler. And has almost the same settings as in progress bar:
Line 252: Line 245:
  
 === Round gauge ===  === Round gauge === 
- 
-{{::round_gauge.jpg?direct&150|}} 
- 
-Only specific for this control properties will be explained below, other are expained in LED and similar controls.  
  
 The round gauge also imitates physical metering device with __rotating__ arrow. The round gauge also imitates physical metering device with __rotating__ arrow.
Line 272: Line 261:
  
 === Slider === === Slider ===
- 
-{{slider_1.jpg?0x150}} 
- 
-Only specific for this control properties will be explained below, other are expained in LED and similar controls.  
  
 The slider also imitates physical sliders allowing to set value and see it's current value as position.  The slider also imitates physical sliders allowing to set value and see it's current value as position. 
Line 291: Line 276:
  
 === Edit Box === === Edit Box ===
- 
-{{::edit_box1.png?direct&100|}} 
  
 The edit box is almost the same as text control but allows to edit value without pop-up dialog like in text control. The edit box is almost the same as text control but allows to edit value without pop-up dialog like in text control.
Line 301: Line 284:
  
 You can select which recipe to apply with this control.  You can select which recipe to apply with this control. 
- 
-{{::recipe_list_box.png?direct&150|}} 
  
   ***Recipe category** - to filter out recipes from unwanted categories on this dashboard   ***Recipe category** - to filter out recipes from unwanted categories on this dashboard
Line 322: Line 303:
  
 Several controls related to some device, unit, area etc. can be distinguished with group for convinience. Several controls related to some device, unit, area etc. can be distinguished with group for convinience.
- 
-{{::group_example.png?direct&300|}} 
  
   ***Header background** - color selection for the header (d)   ***Header background** - color selection for the header (d)
Line 333: Line 312:
  
 The messages from the message log can also be shown on the dashboard with this control.  The messages from the message log can also be shown on the dashboard with this control. 
- 
-{{::messages_example.png?direct&600|}} 
  
   ***Rows** - number of rows in the table    ***Rows** - number of rows in the table 
Line 346: Line 323:
   ***Level column width** - width of the 'Level' column in pixels   ***Level column width** - width of the 'Level' column in pixels
   ***Hide level** - checking will hide 'Level' column   ***Hide level** - checking will hide 'Level' column
- 
  
 ---- ----
Line 353: Line 329:
  
 Up to three register values can be displayed in a trend for the dashboard.  Up to three register values can be displayed in a trend for the dashboard. 
- 
-{{::trend_example.png?direct&400|}} 
  
   ***Ruler color** - sets desired ruler color (d)   ***Ruler color** - sets desired ruler color (d)
dashboards.txt · Last modified: 2023/06/05 08:43 by emozolyak

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki