faq
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
faq [2021/12/14 13:29] – [Responsive design with screens] emozolyak | faq [2023/02/27 09:51] – [Image animation] emozolyak | ||
---|---|---|---|
Line 6: | Line 6: | ||
Question: Is it possible to make a responsive visualizatoin with WebHMI? | Question: Is it possible to make a responsive visualizatoin with WebHMI? | ||
+ | |||
+ | Starting from 3.6 version and [[screens? | ||
+ | |||
+ | Please follow the screen documentaion page to make an idea of its possibiliies. | ||
+ | |||
+ | E.g. if your screen looks like this one on the desktop large monitor: | ||
+ | {{ network: | ||
+ | |||
+ | then on the mobile device it will fold in into these: | ||
+ | |||
+ | {{ network: | ||
+ | |||
+ | If you want your widgets with dashboard to take all available space of the widget, set his option: | ||
+ | |||
+ | {{ network: | ||
+ | |||
+ | Other project parts like graphs etc. will also adjust their size: | ||
+ | |||
+ | {{ network: | ||
+ | |||
+ | ==== Image animation | ||
+ | |||
+ | There are 3 ways how to animate your images: | ||
+ | |||
+ | === Sprite animation === | ||
+ | |||
+ | With this tool you have to prepare all frames for animation as one image, aligned horizontally or vertically. When importing this image to image library, you just set the number of frames and aligment. | ||
+ | |||
+ | |||
+ | |||
+ | === Control visibility === | ||
+ | |||
+ | === Changing element properites with JS === | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
==== Screen text widget ==== | ==== Screen text widget ==== | ||
Line 18: | Line 57: | ||
</ | </ | ||
- | {{ :: | + | {{ network: |
===== Performance issues ===== | ===== Performance issues ===== |
faq.txt · Last modified: 2024/08/05 13:14 by emozolyak