dashboards
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
dashboards [2020/04/07 16:14] – [Pop-up dashboard] emozolyak | dashboards [2020/07/31 14:28] – contents table: levels === to ==== atolstov | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== Dashboards ====== | ====== Dashboards ====== | ||
+ | In WebHMI, screens or dashboards (Dashboards) are analogous to screens for operator panels or graphic screens in SCADA systems. | ||
===== Creating and managing dashboards ===== | ===== Creating and managing dashboards ===== | ||
- | + | You can create multiple screens that will be available after you create them in the Dashboard menu. For example, let's create the '//The only dashboard//' | |
- | In WebHMI, screens or dashboards (Dashboards) are analogous to screens for operator panels or graphic screens in SCADA systems. | + | |
{{:: | {{:: | ||
Line 151: | Line 151: | ||
{{ 2018-09-25_10-27-34.gif }} | {{ 2018-09-25_10-27-34.gif }} | ||
- | ==== Controls description before 3.4 fw version ==== | + | ===== Controls description before 3.4 fw version |
---- | ---- | ||
Line 160: | Line 160: | ||
---- | ---- | ||
- | === LED control === | + | ==== LED control |
LED has the following properties: | LED has the following properties: | ||
Line 179: | Line 179: | ||
---- | ---- | ||
- | === Text value === | + | ==== Text value ==== |
***Label** - It is a text before register value text | ***Label** - It is a text before register value text | ||
Line 202: | Line 202: | ||
---- | ---- | ||
- | === Button === | + | ==== Button |
***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 219: | Line 219: | ||
---- | ---- | ||
- | === Image === | + | ==== Image ==== |
***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 229: | ||
---- | ---- | ||
- | === Progress bar === | + | ==== Progress bar ==== |
***Orientation** - defines horizontal or vertical type for the progress bar | ***Orientation** - defines horizontal or vertical type for the progress bar | ||
Line 238: | Line 238: | ||
---- | ---- | ||
- | === Gauge === | + | ==== Gauge ==== |
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 246: | Line 246: | ||
---- | ---- | ||
- | === Round gauge === | + | ==== Round gauge ==== |
The round gauge also imitates physical metering device with __rotating__ arrow. | The round gauge also imitates physical metering device with __rotating__ arrow. | ||
Line 262: | Line 262: | ||
---- | ---- | ||
- | === Slider === | + | ==== Slider |
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 277: | Line 277: | ||
---- | ---- | ||
- | === Edit Box === | + | ==== Edit Box ==== |
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 283: | Line 283: | ||
---- | ---- | ||
- | === Recipes list === | + | ==== Recipes list ==== |
You can select which recipe to apply with this control. | You can select which recipe to apply with this control. | ||
Line 292: | Line 292: | ||
---- | ---- | ||
- | === Video stream === | + | ==== Video stream |
If there is configured video stream in the project, it can be shown on the dashboard with this control. | If there is configured video stream in the project, it can be shown on the dashboard with this control. | ||
Line 302: | Line 302: | ||
---- | ---- | ||
- | === Group === | + | ==== Group ==== |
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. | ||
Line 311: | Line 311: | ||
---- | ---- | ||
- | === Messages table === | + | ==== Messages table ==== |
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. | ||
Line 328: | Line 328: | ||
---- | ---- | ||
- | === Trend === | + | ==== Trend ==== |
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. | ||
Line 336: | Line 336: | ||
***Refresh rate** - data refresh rate for the trend referenced to dashboard refresh rate ( 1 / [1, | ***Refresh rate** - data refresh rate for the trend referenced to dashboard refresh rate ( 1 / [1, | ||
- | ==== Controls available from 3.5 fw version and above ==== | + | ===== Controls available from 3.5 fw version and above ===== |
---- | ---- | ||
- | === Radial indicator === | + | ==== Radial indicator |
This control resembles a progress bar that has a round shape. | This control resembles a progress bar that has a round shape. | ||
Line 380: | Line 380: | ||
{{sw_demo.gif }} | {{sw_demo.gif }} | ||
- | ==== Object insector ==== | ||
- | The object inspector makes it easy to work with components on the daschboard, displaying them in a tree, as in graphic editors. With it, you can quickly select the necessary objects and perform the necessary manipulations with them: copy, delete, group, hide, change attributes for several objects etc. | + | === Dictionary list === |
+ | This control gives the possibility to choose some pre-defined options in the dropdown list. The prerequisite for this control is that the register you want to bind to it, should already have link to the existing dictionary. | ||
+ | You can also create a lua script that will run upon this register change and load some data to the dashboard or make other actions. | ||
+ | {{ :: | ||
+ | |||
+ | This control is available staring from fw 4.0.7161, and before that recipe dropdown lists had been used for the same purpose. | ||
+ | |||
+ | {{ dict_list.gif }} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ==== Object insector ==== | ||
+ | |||
+ | The object inspector makes it easy to work with components on the dashboard, displaying them in a tree, as in graphic editors. With it, you can quickly select the necessary objects and perform the necessary manipulations with them: copy, delete, group, hide, change attributes for several objects etc. | ||
{{ object_inspector.gif |}} | {{ object_inspector.gif |}} | ||
+ | |||
+ | To change the attributes of the selected individual item, you just switch to // | ||
+ | |||
+ | Right click on the object in the tree, gives more options: | ||
+ | |||
+ | {{ :: | ||
===== Pop-up dashboard ===== | ===== Pop-up dashboard ===== |
dashboards.txt · Last modified: 2023/06/05 08:43 by emozolyak