Upgrade Engage 4​.1 to Engage 5​.1

AVEVA XR Engage 5.1 uses a CEF Brower plugin to render the extensions hosted page.

When you are upgrading from Engage 4.1 to Engage 5.0, you will need to make these changes to the externally hosted HTML page.

Required changes to externally hosted HTML page

AVEVA XR Engage 5.0 uses CEF Brower plugin to render the extensions hosted page.

If you are upgrading from AVEVA XR Engage 4.1 to 5.1, you need to make the following three (3) changes.

Change 1: Add send method

This code works for AVEVA XR Engage 4.1 and XR Engage template 5.1.

function send(message) {

try

{

window.chrome.webview.postMessage(message);

}

catch

{

var jsonMsg=JSON.stringify(message);

CefSharp.PostMessage(jsonMsg);

}

}

For XR Engage template 5.1 only, add the following send method.

function send(message) {

var jsonMsg=JSON.stringify(message);

CefSharp.PostMessage(jsonMsg);

}

Change 2: Need additional method in XR Engage template 5.1

Add this method to XR Engage template 5.1.

       function Recieve(message)

{

var msg=JSON.stringify(message);

var resultFromParent = document.getElementById('parentMessage');

resultFromParent.innerHTML=msg;

}

Change 3: Add HTML style to avoid transparent browser

The browser will be transparent; to avoid this you need to add the following HTML style.

<style type="text/css" media="screen">

body {

margin: 0;

background-color: white;

overflow: visible;

/*width: 100%;

height: 100%;*/

}

</style>