Differences

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

--- faq [2021/11/24 10:59]
emozolyak [My WebHMI is slow]
+++ faq [2022/01/14 14:40] (current)
127.0.0.1 ↷ Links adapted because of a move operation
@@ Line 3: / Line 3: @@
 ===== Screens, Dashboard visualization =====
+==== 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:
+{{ network:hvac_full_screen.png?direct&800 |}}
+then on the mobile device it will fold in into these:
+{{ network:widget_swipe_hvac.gif }}
+If you want your widgets with dashboard to take all available space of the widget, set his option:
+{{ network:panel_contained_option_red_box.png?direct&600 |}}
+Other project parts like graphs etc. will also adjust their size:
+{{ network:graph_mobile_view.png?direct&400 |}}
 ==== Screen text widget ====
 === Colorizing register values into custom colours ===
@@ Line 14: / Line 36: @@
 </WRAP>
-{{ ::text_widget_reg_value_colors.png?direct&600 |}}
+{{ network:text_widget_reg_value_colors.png?direct&600 |}}
-==== Performance issues ====
+===== Performance issues =====
 ==== My WebHMI is slow ====
 There are many reasons why your device may slow down, a "disable function & try" method should be applied to detect the source of this problem.

WebHMI Docs

User Tools

Site Tools

Differences

Page Tools