Hosting InTouch application graphics on external websites

You can configure graphics in InTouch WindowMaker and host them on external websites using the direct URL to the graphic.

1. Using the Industrial Graphic Toolbox, create a symbol.

2. Test the symbol on the Web Client.

3. In your external website, create a HTML <iframe> tag.

4. In the URL attribute, include the link to http://<hostname>/InTouch/?iframe=true&symbol=<graphicname> or http://<IPAddress>/InTouch/?iframe=true&symbol=<graphicname>,
   where <hostname> or <IPAddress> corresponds to the machine where the application is published or deployed and <graphicname> is the name of the graphic you want displayed.

5. The URL format will differ if the symbol is displayed in a non-English language. For example, the URL for French will be:
   http://<hostname>/InTouch/?localeid=1036&iframe=true&symbol=<graphicname>

   Later versions of Web Client allowed for language switching in runtime resulting in a change of the URL format. After upgrading to the latest version of Web Client, the earlier URL format will not display symbols configured for non-English languages.

6. Publish or deploy the application.

7. Run the application in InTouch WindowViewer. WindowViewer must be running to receive live data from InTouch tags.

Syntax:

<iframe src="http://localhost/InTouch/?iframe=true&symbol=YourGraphicName"></iframe>

or

<iframe src="http://NodeName/InTouch/?iframe=true&symbol=YourGraphicName"></iframe>

Example: Consider a symbol ClockAnalogWall in the web client application in the local machine

<iframe src="http://localhost/InTouch/?iframe=true&symbol=ClockAnalogWall"></iframe>

<iframe src="http://localhost/InTouch/?localeid=1036&iframe=true&symbol=ClockAnalogWall"></iframe>

The same InTouch Web Client security and licensing will be enforced for accessing the symbol directly using the URL. Relevant error messages will be returned to the <iframe> section, similar to the InTouch Web Client error messages.

Note: Due to policy changes in Google Chrome 80 and later versions, graphics placed in an <iframe> tag will not be displayed when the http protocol is used. To display graphics using the http protocol, disable the following cookie settings available under chrome://flags
- SameSite by default cookies
- Enable removing SameSite=None cookies
- Cookies without SameSite must be secure
For more information, see https://www.chromestatus.com/feature/5633521622188032. It is recommended to use the https protocol for Web Client to prevent any security issues.