| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| en:sw:01-mervis:hmi-more-pages-hidden [2023/12/07 07:57] – zrusek | 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 project, it is possible to quite quickly run into a lack of space for graphical elements on a single page of an HMI template or SCADA diagram. The Mervis IDE system therefore allows creation of multiple pages in a single 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 center round box 90%> | <WRAP center round box 90%> |
| <html><span class="kbBlue-H4alt">For the purposes of this tutorial it is required to have:</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> |
| |
| ===== Vytvoření více stránek šablony ===== | ===== Adding a template page ===== |
| |
| Pro přidání další stránky do šablony je nutné kliknout na tlačítko {{:files:add_hmi_page_button.png?nolink|[+]}} v levém dolním rohu hlavního okna. | 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_01_add_pages.png?direct |}} | {{ :en:sw:01-mervis:hmi-more-pages:more_pages_hmi_01_add_pages.png?direct |}} |
| |
| Po každém kliknutí na tlačítko se přidá jedna stránka. | One page is added each time the button is clicked. |
| |
| {{ :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 |}} |
| |
| Pro lepší přehlednost je vhodné jednotlivé stránky přejmenovat. Přejmenování stránky se provede označením požadované stránky myší ve spodní části hlavního okna a následně změnou **Názvu** v pravém panelu **Vlastnosti**. | 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 |}} |
| ---- | ---- |
| |
| V případě, že bylo vytvořeno větší množství stránek šablony slouží pro navigaci tlačítka vpravo od tlačítka {{:files:add_hmi_page_button.png?nolink|[+]}}. Vnější tlačítka {{:files:total_left_button_hmi.png?nolink|▎◀}} a {{:files:total_right_button_hmi.png?nolink|▶▎}} přesunou zobrazení stránek úplně vlevo, respektive vpravo. Vnitřní tlačítka {{:files:left_button_hmi.png?nolink|◀}} a {{:files:right_button_hmi.png?nolink|▶}} posunou zobrazení právě o jednu stránku vlevo, respektive vpravo. | 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 |}} |
| |
| ===== Zobrazení více stránek šablony ===== | ===== View multiple template pages ===== |
| |
| Výsledná stránka HMI šablony se zobrazí vložením IP adresy PLC do adresního řádku prohlížeče: | 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 |}} |
| |
| Pro navigaci mezi více stránkami slouží tlačítko {{:files:hmi_navig_button.png?nolink&35|[≣ >]}} v levém horním rohu webové stránky. Po kliknutí na tlačítko se objeví roletkové menu se seznamem stránek. | 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> |
| | |