ABB HMI page visualization customization and properties setup with abb panel builder 600

Page in a hmi is a visual display or interface which are used to design for user in a Human machine interface (HMI). HMI have collection of different pages each pages design for different purpose. in hmi page design for specific task like control a process, alarm, trend, navigation, process overview, hmi setup, hmi communication configuration etc. hmi page used graphical component like button, slider, meter, gauge etc. for visualization design of a HMI. Multiple pages are switched by user by clicking button, menus, tabs it is called navigation of pages. page are associated with real time data you can read or write data in your controller at real time by the hmi pages. abb CP600 series HMI pages are setup with abb panel builder. abb panel builder allows to setup page properties like visual and graphical changes for properties, page navigation, page configuration, With the use of abb panel builder you can easily add widget component in hmi pages.

types of pages in abb panel builder

in projectview right click on "page" and select insert new page. abb panel builder have following page type

• Normal: normal hmi page which can used for process control, configuration and visualization.
• Dialogue: a small pages which the user is prompted to provide information or select commands.
• template: you can create preconfigured screen for multiple page for formatting, control etc. template page are use to any pages.

how to create Normal pages for abb HMI with abb panel builder

normal page is screen interface for user which can design for specific function or monitoring of process. it can be used controlling, visualization of process, alarm, trend view etc. these page can navigate with tab, button, menu or conditional opening. Home page is default page in a hmi screen. pages are screen in hmi. you can add multiple pages and navigate by button or control. in project view select pages and insert normal page.

how to create Dialog pages for abb hmi with abb panel builder

a small pages that allow user interaction, often appearing as overlays on a current page or screen. a dialog page designed for prompts the user to make a decision, confirm an action, or input data. Dialogues usually require the user to respond before they can proceed with other actions on the page.

how to create template pages for abb hmi with abb panel builder

template pages are designed as preconfigured screen that can be used in other page. you can not open this template page normally. Template pages are used in normal pages. this can help to uniform design and functionality. Template are time saving screen because a single template screen used in any screen.

abb hmi page properties in abb panel builder

page properties are used to setup page properties like width, height, background color and events following are page properties in abb panel builder

• width: set width of screen.
• height: set height of screen.
• fit to screen: select how screen are fit in screen for web pages.
• background: select background color of page.
• events: events are set of action it triggered an action when selected events are set.

how to open page or dialog with button click in abb hmi

normal page and dialog can open by mouse click or pressed event of button. insert a page and enter page name (page2) now insert a button from widget gallery and follow following steps.

• 1. select button in screen
• 2. on button properties select mouse click events
• 3.on action dialog select page action than select load page. for open dialog select show dialog.
• 4. in action properties select page which you want to open by button click.