HTML5 Hx Profile

In Niagara 4.6 and later, the HTML5 Hx Profile defines the Default Web Profile and the default Mobile Web Profile.
 IMPORTANT: In Niagara 4.6 and later, legacy Niagara Mobile technology is deprecated. Although it continues to be supported and works as expected, you should not use it for any new projects. Instead, use the mobile-friendly features of the HTML5 Hx Profile which provides a significantly improved mobile user experience. 

The HTML5 Hx Profile features a responsive layout that automatically scales views to display accurately on a mobile device, as well as on a PC using either Workbench or a browser. When logging in to a mobile device, the profile responsively adjusts the layout to a more simplified, mobile-friendly user experience. The station display is more visually streamlined, making best use of the limited space on mobile devices. These changes make it easier for operators to use.

Figure 35.   Station connection in HTML5 Hx Profile (shows expanded Nav and Search sidebars
Image

For example, on logging in to a station, the Nav tree lists standard station folders (Config, Files, Histories, etc.) and any hierarchies at the root of the station. This eliminates having to navigate to the station and expand folders.

Following are some examples of the responsive layout.

  • The side bar is repositioned at the top of the view.
  • The palette button is hidden.
  • The actions command button becomes visible, enabling users to invoke Widget commands, select an alternate view, log off, and navigate to home.
Figure 36.   Rotated (landscape) view shows right-click menu with actions
Image

There are many options available for the HTML5 Hx Profile in a user's web profile. These options are respected. For example, on a mobile device, if a user cannot select a view based on role and permissions, the profile hides the command rather than show it in a dimmed state.

Similarly, the profile supports many user selections even in a view adjusted for the mobile device. For example, if the user selects the palette, it remains visible as the browser window is made smaller.

The mobile-friendly features of the HTML5 Hx Profile provide a consistent user experience that supports the functionality available in a mobile device (cellphone or tablet). The profile features a responsive layout that is capable of scaling views for display on a mobile device, including touch-screen features, such as pinch-zoom functionality and touch-activated command buttons.

Existing HxPx views display well in the small screen environments. This includes truly mobile-friendly Alarm Console, Scheduler, Web Chart, Property Sheet, and manager views that feature compact editors for configuration purposes.

Apple devices and operating systems

Apple iPhone type Operating system
iPhone 6s iOS 11
iPhone 6 Plus iOS 11
iPhone 7 iOS 11
iPhone 7 Plus iOS 11
iPhone 8 iOS 11
iPhone 8 Plus iOS 11
iPhone X iOS 11

Android devices and operating systems

Android Mobile Device Operating System
Samsung Galaxy S8 7.0 Nougat, 8.0 Oreo
Samsung Galaxy S7 6.0 Marshmallow, 7.0 Nougat, 8.0 Oreo
Google Pixel 7.0 Nougat, 8.0 Oreo
Google Nexus (TBD) (TBD)

Tablet devices and operating systems

Tablet device Operating system
Apple iPad iOS 11
Samsung Galaxy Tablet 5.1 Lollipop 6.0 Marshmallow, 7.0 Nougat, 8.0 Oreo
Amazon Fire 5.1 Lollipop 6.0 Marshmallow, 7.0 Nougat, 8.0 Oreo
 NOTE: The Chrome web browser does not cache any web resources when connected over https to a station that has a self-signed certificate or a certificate that is not trusted. This can hurt the performance of various web-based pages served up from Niagara, such as the Html5 Hx Profile and Hx views. For best results, install and maintain a fully-signed certificate for an optimal web viewing experience.