16 343
правки
SVG-Dashboards/en: различия между версиями
Новая страница: «Using transitions, you can create multi-page interfaces: # Draw a custom picture for each page. # Load these pictures into the controller. # Select a panel for one of the three events to navigate to.»
(Новая страница: «To associate an image svg element with values or events, select it with the mouse, after which fields for setting the element's behavior will appear next to the image. {{SupportedSinceRelease | release = wb-2307 |content= In addition to selecting a single element, you can select a group. To do this, hold down the Alt key on your keyboard and click on one of the elements of the group. The group containing the element will be highlighted. Clicking again while...») |
(Новая страница: «Using transitions, you can create multi-page interfaces: # Draw a custom picture for each page. # Load these pictures into the controller. # Select a panel for one of the three events to navigate to.») |
||
| Строка 159: | Строка 159: | ||
In the '''Channel''' field, select the MQTT topic for writing values, and in the '''On State Value''' and '''Off State Value''' fields specify which values correspond to the states. | In the '''Channel''' field, select the MQTT topic for writing values, and in the '''On State Value''' and '''Off State Value''' fields specify which values correspond to the states. | ||
For example, to switch a relay, specify: | |||
<syntaxhighlight lang="javascript"> | |||
<syntaxhighlight lang="javascript"> | On value = 1 | ||
Off value = 0 | |||
</syntaxhighlight> | </syntaxhighlight> | ||
=== Jump and swipe === | |||
{{SupportedSinceRelease | {{SupportedSinceRelease | ||
| release = wb-2307 | | release = wb-2307 | ||
|content= | |content= | ||
[[Image: svg-tap.png |300px|thumb|right| | [[Image: svg-tap.png |300px|thumb|right| Creating a transition ]] | ||
Using transitions, you can create multi-page interfaces: | |||
# Draw a custom picture for each page. | |||
# | # Load these pictures into the controller. | ||
# | # Select a panel for one of the three events to navigate to. | ||
# | |||
Events available: single and long press, as well as swipe left and right. | |||
<div lang="ru" dir="ltr" class="mw-content-ltr"> | <div lang="ru" dir="ltr" class="mw-content-ltr"> | ||