Understanding the Web Client Page

Element

Description

1

The App bar displays the InTouch Application name, symbol name, home icon, notifications icon, full screen icon and profile icon.

Application Name: Symbol Name

The App bar will display the application and symbol name.

For example – PlantA: Section16

- where PlantA is the application name and Section16 is the symbol name.

Click to view the symbol set as the web client home symbol.

Click to view the iFrame code snippet for the selected graphic.

Click the Notifications icon messages related to License status change and WindowViewer status change messages. The number of notifications will be overlayed on the icon.

Click to maximize the canvas area and display the web page in full screen mode. You can also use the F11 key. The app bar and navigation overlay will not be visible.

To view the title bar:

• Move your cursor to the top of the page, the app bar will slide down.

• Click the down arrow to pin the app bar on the page.

• Click the up arrow to hide the app bar.

Click to minimize the canvas area and exit the full screen mode.

The profile icon displays the user logged in.

Click the profile icon and then select the Sign Out icon. The Sign Out will only be available if System Management Server option is configured. For more information, see Accessing the Web Client Using Single Sign On.

From the App Bar click , and then click the Language icon. Select the language. The tooltip, translated static text and custom properties will display in the selected language. Only languages configured in WindowMaker will appear.

Note: When the user changes the language, a new session will be created causing the data in the local tags to be lost.

2

Click the icon to view the folder navigation overlay. All folders and symbols under the selected Web Client root folder are displayed.

You can use the search box at the top of the overlay to search for symbols. The search box is enabled with the autocomplete feature, where symbol names matching the input search term will be listed as you are typing. Select the symbol name to view the symbol in the canvas area.

3

The canvas area displays the symbol selected from the navigation overlay. The symbol will be scaled to fit the browser viewport size, while maintaining the aspect ratio. The navigation and notifications overlays do not consume any space on the canvas or affect the size of the graphic.

4

Click the notifications icon to view the notifications related to connection and licensing issues.

Click the warning icon to view the list of animations or properties not supported by the InTouch Web Client. This icon is available only during application development and when the browser points to the exact URL of http://localhost/InTouch.