Converting existing Workbench graphics for mobile devices

Reuse existing Workbench Px graphics by copying the CanvasPane from an existing Workbench Px page and pasting it into the BasicMobilePane in a Mobile Px page.
Prerequisites:
  • Target platform is running NiagaraAX 3.8
  • Niagara Mobile is installed
  • A recent HTML5 compliant browser (issued 2011 or later), for example: FireFox, Chrome, Opera, IE (v.10 or later) and Safari.
  • Individual mobile apps licensed, as needed

Convert an existing Workbench Px graphic for display on mobile devices


Perform the following steps:
  1. In the nav tree under your station, right-click Config > Drivers and select New > Folder from the menu.
  2. Right-click the new folder, select Views > New View
  3. Change the Target Media option to Mobile PxMedia and enter a name for the Px File.
    The new Mobile Px page opens with a BasicMobilePane as the root widget.
  4. Open your existing Workbench Px graphic.
  5. Copy the CanvasPane container.
  6. In your Mobile Px page, select the BasicMobilePane and paste the copied canvas pane inside it.
     
    NOTE: Not all widgets are supported in Mobile Px. For example, the bajaui:PxIncludes widget and kitPx:AnalogMeter widget are not supported. For a complete list of supported widgets, refer to Field editors, widgets, and bindings supported in Mobile Px
     
  7. Select the CanvasPane and set the scaleMode property to Fit Ratio.
The pasted CanvasPane automatically scales up or down to fit the size of the BasicMobilePane.