| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| en:sw:01-mervis:hmi-more-pages-hidden [2023/12/13 22:05] – [Multiple template pages (HMI)] avsetula | en:sw:01-mervis:hmi-more-pages-hidden [2023/12/13 22:35] (current) – [View multiple template pages] avsetula |
|---|
| ====== 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. |
| </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. |
| {{ :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 |}} |
| ---- | ---- |
| |
| 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 |}} |
| ===== 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> |
| | |