New Px View window

The New Px View wizard configures the information needed for Workbench to create a Px view.
Figure 41.   New Px View
Image
Property Value Description
View Name text The name that appears at the top of the view and serves as the file name in the station.
View Icon ORD Identifies an icon graphic to link to the view.
Target Media drop-down list (defaults to Workbench PxMedia) Indicates the media type for the Px view.
Source: Px File ORD Identifies the location of the file for the Px view. This is an xml file with a .px extension.
Source: Dynamic View drop-down list (defaults to axvelocity:VelocityPxView) Selects a specific, pre-defined view.

Target Media

In addition to the default, Workbench PxMedia type, you can select one of the following when creating a new view on a component:

  • HxPx Media

    In Niagara, choosing the HxPx Media type takes full advantage of the HTML5 functionality which provides a significantly improved mobile user experience. This includes responsive Px improvements, bajaux widgets, updated Alarm Console, Scheduler view, Manager views, Property Sheet field editors, etc. Choosing this media type provides you with a Px file that has a ScrollPane with a CanvasPane. With this property value set, the Px Editor can warn you, as you design your Px file, if you choose a widget that is not supported by Hx media.

    Figure 42.   HxPx Media creates Px page with Scroll and Canvas Panes
    Image

    In addition to Workbench PxMedia, a suite of technology called Hx is available. The Hx framework is comprised of a set of server side servlets and a client side JavaScript library. Hx allows a real-time user interface to be built without use of the Java Plugin. It requires only web standards: HTML5/HTML, CSS, and JavaScript. If you are developing for a target media that is limited to browsers with HTML and CSS with no applet plugins available, be sure to test your Px views often in the appropriate browser as you proceed in your development. The goal of Hx is to satisfactorily present your Px views in non-applet browsers, however, due to the difference in display technologies, you should verify that the Px view displays in the browser as you expect it to.

  • Mobile PxMedia

    Deprecated in Niagara. Although, this option is marked Obsolete you can still select it and use it. However, this media type provides none of the HTML5 functionality available in the HxPxMedia type.

    If you choose the Mobile PxMedia you must use a BasicMobilePane at the root of your Px page so it will display correctly on a mobile device. Assigning a MobilePxMedia type when creating a new Px page, causes the new page to come with a BasicMobilePane at the root of the Px file, as shown in the following figure.

    Figure 43.   Mobile PxMedia creates Px page with BasicMobile Pane
    Image
     NOTE: Setting the CanvasPane scaleMode property to Fit Ratio causes your Px page to automatically scale to fit various device display sizes. 
  • Report PxMedia

    Assigning this media type when creating a new Px page, creates a new Px file with a Report Pane containing a timestamp and page numbering at the root of the Px file.

    Figure 44.   Report PxMedia creates Px page with Report Pane
    Image
  • Workbench PxMedia

    This option allows the standard Workbench software to run inside a web browser using the Java Plugin. Workbench uses a small applet to download modules as needed to the client machine and to host the Workbench shell. These modules are cached locally in the browser.

  • Ux Media

    Niagara 4.10 and later provides the Ux Media type for improved graphics performance on controllers. Use the Ux Media type to achieve faster graphics load time and enable instantaneous feedback on changing values. A built-in migration tool helps you convert your existing graphics to a contemporary UI based on browser standards