Differences

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

--- faq [2021/12/14 13:28] – [Screen text widget] emozolyak
+++ faq [2021/12/14 14:22] – [Responsive design with screens] emozolyak
@@ Line 5: / Line 5: @@
 ==== Responsive design with screens ====
+  Question: Is it possible to make a responsive visualizatoin with WebHMI?
+Starting from 3.6 version and [[screens?s[]=screens#screens|screens]] it is possible to make responsive visualization with WebHMI.
+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:
+{{ ::hvac_full_screen.png?direct&800 |}}
+then on the mobile device it will fold in into these:
+{{ ::widget_swipe_hvac.gif }}
+If you want your widgets with dashboard to take all available space of the widget, set his option:
+{{ ::panel_contained_option_red_box.png?direct&600 |}}
+Other project parts like graphs etc. will also adjust their size:
+{{ ::graph_mobile_view.png?direct&400 |}}
 ==== Screen text widget ====
 === Colorizing register values into custom colours ===