Using Background Pages On The NA


In the NA it is possible to layer pages, this done by defining a ‘Background Page’ for a given page. The background page is then loaded in the behind the current page.

Layering pages allows the user to place all their navigation buttons, login/logout, date and time etc on a master page, which is then used as a background for all other pages.

In this article we will show how to use background pages to show a re-usable menu bar on every page of a project.

For more information on creating pages and pages in general, see the article Introduction To Pages On The NA

Creating The Menu Page

In order to achieve this, all the pages in the project are created. We can then add buttons to one page and link each of these buttons to a display page action for its click event, for this example, we will call this page 'Menubuttons'.

Pages you plan to use as background pages are created as 'normal' pages with no special configuration required.

Using The Menu Page

The 'Menupage' can now be used as a background to the other pages to give a menu throughout the project. Go to each of the pages and view the properties for the page (right click in the page and choose properties if its not already visible). In the properties menu, it is possible set the background page to be any of the pages in the project (hint: use control+space to get the list of pages when editing the background page name)

Once Menupage is chosen to be a background page, it will appear as a grayed out, non-editable background layer on each page it is associated with. Any changes to the page used as a background page will be reflected in every place it was used.


See Also:

Introduction to the NA series HMI