Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
en:sw:01-mervis:hmi-more-pages-hidden [2023/12/13 22:05] – [Multiple template pages (HMI)] avsetulaen:sw:01-mervis:hmi-more-pages-hidden [2023/12/13 22:35] (current) – [View multiple template pages] avsetula
Line 1: Line 1:
-====== Multiple template pages (HMI) ======+====== Multiple template pages (HMI/SCADA) ======
  
 When creating a more complex solution, the HMI (or SCADA) interface will also become more complex and soon more pages will be needed. This may be due to not enough space for all the required graphical elements on one page, or due to logical division. In Mervis IDE it is therefore possible to create multiple pages in one HMI template. When creating a more complex solution, the HMI (or SCADA) interface will also become more complex and soon more pages will be needed. This may be due to not enough space for all the required graphical elements on one page, or due to logical division. In Mervis IDE it is therefore possible to create multiple pages in one HMI template.
Line 5: Line 5:
 <WRAP center round box 90%> <WRAP center round box 90%>
 <html><span class="kbBlue-H4alt">For this tutorial it is required:</span></html> <html><span class="kbBlue-H4alt">For this tutorial it is required:</span></html>
-  - [[cs:sw:01-mervis:creating-new-project-hidden|a project with PLC attached +  - [[cs:sw:01-mervis:creating-new-project-hidden|a solution with PLC attached 
 ]] ]]
   - [[cs:sw:01-mervis:creating-simple-hmi-hidden|a graphical HMI template attached to the PLC]]   - [[cs:sw:01-mervis:creating-simple-hmi-hidden|a graphical HMI template attached to the PLC]]
 </WRAP>  </WRAP> 
  
-===== Creating multiple template pages =====+===== Adding a template page =====
  
 To add another page to the template, click on the button {{:files:add_hmi_page_button.png?nolink|[+]}} in the bottom left corner of the main window. To add another page to the template, click on the button {{:files:add_hmi_page_button.png?nolink|[+]}} in the bottom left corner of the main window.
Line 20: Line 20:
 {{ :en:sw:01-mervis:hmi-more-pages:more_pages_hmi_02_result.png?direct |}} {{ :en:sw:01-mervis:hmi-more-pages:more_pages_hmi_02_result.png?direct |}}
  
-It is advisable to rename individual pages for better clarity. To rename a page, select the desired page with the mouse at the bottom of the main window and then change the **Name** in the right panel **Properties**.+For clarity it is useful to (re)name the pages. To rename a page, select the desired page with the mouse at the bottom of the main window and then change the **Name** in the right **Properties** panel.
  
 {{ :en:sw:01-mervis:hmi-more-pages:more_pages_hmi_03_change_name.png?direct |}} {{ :en:sw:01-mervis:hmi-more-pages:more_pages_hmi_03_change_name.png?direct |}}
Line 26: Line 26:
 ---- ----
  
-In the case of multiple template pages, the buttons to the right of the {{:files:add_hmi_page_button.png?nolink|[+]}} button are used for navigation. The outer buttons {{:files:total_left_button_hmi.png?nolink|◀}} and {{:files:total_right_button_hmi.png?nolink|▎◀}} move the page view to the far left and right, respectively. The inner buttons {{:files:left_button_hmi.png?nolink|◀}} and {{:files:right_button_hmi.png?nolink|▶}} will move the view just one page to the left and right, respectively.+In the case of multiple template pages, the buttons to the right of the {{:files:add_hmi_page_button.png?nolink|[+]}} button are used for navigation. The inner {{:files:left_button_hmi.png?nolink|◀}} and {{:files:right_button_hmi.png?nolink|}} buttons move the view just one page, and the outer {{:files:total_left_button_hmi.png?nolink|◀}} and {{:files:total_right_button_hmi.png?nolink|▶}} buttons move the view to the first or last page.
  
 {{ :en:sw:01-mervis:hmi-more-pages:more_pages_hmi_06_navig_buttons.png?direct |}} {{ :en:sw:01-mervis:hmi-more-pages:more_pages_hmi_06_navig_buttons.png?direct |}}
Line 32: Line 32:
 ===== View multiple template pages ===== ===== View multiple template pages =====
  
-The resulting HMI template page is displayed by entering the IP address of the PLC in the browser address bar:+The final HMI page is displayed by entering the IP address of the PLC in the browser address bar:
  
 {{ :en:sw:01-mervis:hmi-more-pages:more_pages_hmi_04_main_page.png?direct |}} {{ :en:sw:01-mervis:hmi-more-pages:more_pages_hmi_04_main_page.png?direct |}}
  
-To navigate between multiple pages, use the {{:files:hmi_navig_button.png?nolink&35|[≣ >]}} button in the top left corner of the web page. When the button is clicked, a drop-down menu will appear with a list of pages.+To navigate between multiple pages, use the {{:files:hmi_navig_button.png?nolink&35|[≣ >]}} button in the top left corner of the web page. Click on this button to display a drop-down menu with a list of pages.
  
 {{ :en:sw:01-mervis:hmi-more-pages:more_pages_hmi_05_other_page.png?direct |}} {{ :en:sw:01-mervis:hmi-more-pages:more_pages_hmi_05_other_page.png?direct |}}
 +
 +<WRAP center round info 95%>
 +In the **SCADA** interface the same button is used to navigate between projects. For changing schema pages, use another button, labeled with the page name.
 +</WRAP>
 +