Issue with Smart UI SDK in Internet Explorer

We are integrating the Smart UI SDK, and more precise the “folder browser” integration, into another application. But we noticed that, specific in Internet Explorer, we get sometimes a JS error and the page doesn’t get displayed correctly. The JS error we get is the following:

To eliminate possible causes related to are specific integration and development we deployed the standard Smart UI SDK on an out-of-the-box tomcat instance and the same issue occurs.

As you can see in the screenshot we pointed to the provided “index.html” page and just modified the connection info.

For the rest no changes have been made. The version of the SDK used is the 16.2.4 (16.2.4.684)

Our observations

On firefox and Chrome the page seems to behave correctly, but in Internet Explorer it’ doesn’t seems to work correctly. We have the impression that it’s a problem when the page has already been visited and is cached. At first visit, the page is displayed correctly, a login screen is presented to the user, but at a second (and following) visit(s) the login screen is not presented and stays blank and the JS error occurs.

Anyone having the same issue? A ticket was opened at OT helpdesk but no real outcom for the moment.

Thanks,

Find more posts tagged with

Comments

Knowledge_Center_Administrator

If you have issue with Internet Explorer cache, you might want to try to set “Expire Web content: Immediately” on /OTCS/ folder in IIS.

https://docs.microsoft.com/en-us/iis/configuration/system.webserver/staticcontent/clientcache

From: eLink Entry: Content Server Smart UI SDK Forum <smartuisdk@elinkkc.opentext.com>
Sent: dinsdag 5 maart 2019 10:12
To: eLink Recipient <devnull@elinkkc.opentext.com>
Subject: Issue with Smart UI SDK in Internet Explorer

Issue with Smart UI SDK in Internet Explorer

Posted bystephane.marcon@infosquare.eu (Marcon, Stephane) On 03/05/2019 04:08 AM

To eliminate possible causes related to are specific integration and development we deployed the standard Smart UI SDK on an out-of-the-box tomcat instance and the same issue occurs.

As you can see in the screenshot we pointed to the provided “index.html” page and just modified the connection info.

For the rest no changes have been made. The version of the SDK used is the 16.2.4 (16.2.4.684)

Our observations

Anyone having the same issue? A ticket was opened at OT helpdesk but no real outcom for the moment.

Thanks,

[To post a comment, use the normal reply function]
Forum:	Content Server Smart UI SDK Forum
Content Server:	My Support

Knowledge_Center_Administrator

If you have issue with Internet Explorer cache, you might want to try to set “Expire Web content: Immediately” on /OTCS/ folder in IIS.

https://docs.microsoft.com/en-us/iis/configuration/system.webserver/staticcontent/clientcache

Issue with Smart UI SDK in Internet Explorer

Posted bystephane.marcon@infosquare.eu (Marcon, Stephane) On 03/05/2019 04:08 AM

To eliminate possible causes related to are specific integration and development we deployed the standard Smart UI SDK on an out-of-the-box tomcat instance and the same issue occurs.

As you can see in the screenshot we pointed to the provided “index.html” page and just modified the connection info.

For the rest no changes have been made. The version of the SDK used is the 16.2.4 (16.2.4.684)

Our observations

Anyone having the same issue? A ticket was opened at OT helpdesk but no real outcom for the moment.

Thanks,

[To post a comment, use the normal reply function]
Forum:	Content Server Smart UI SDK Forum
Content Server:	My Support

Ferdinand Prantl

The error means, that no authenticators (REST API authentication-providing modules) were found. They are registered by the (global) RequireJS configuration. You started using csui functionality (REST API connector) without its configuration.

You execute asynchronous statements next to each other, which is wrong:

require.config({  deps: ['csui/lib/require.config!csui/csui-extensions.json']});csui.onReady( [...], function (...) {  ...});

You continued with csui.onReady, while "deps" were not loaded and processed yet. The "deps" property is handled asynchronously in RequireJS by an internally executed require() statement. If you execute the require() statement yourself, you have to continue with following code in a callback:

require(['csui/lib/require.config!csui/csui-extensions.json'], initializePage);function initializePage () {  require([...], function (...) {    ...  });}

The same applies to the "deps" property, which is only a shortcut for the code above:

require.config({  deps: ['csui/lib/require.config!csui/csui-extensions.json'],  callback: initializePage});function initializePage () {  require([...], function (...) {    ...  });}

You do not need to use csui.onReady2() instead or require() on debugging pages, where you load Smart UI from sources.

Note: Do not disable the browser cache, when you edit & debug sources of a Smart UI extension. Debugging in the browser using Smart UI sources loads a lot of files. The web server is supposed to support modification-time-based caching (304 status) to improve the performance.

stephanemarcon

Hi Ferdinand,

Thanks fof the support. You indeed pointed me to the right direction and I was able to fix the issue.

The crazy thing is that the source I used was taken from the samples of the CS UI SDK, as is... It seems the samples are not correct then.

This is the source of the csui-sdk-16.2.4\lib\src\csui\integration\folderbrowser\test

<!DOCTYPE html>
<html>

<title>FolderBrowser.Widget with binf</title>

require.config({
deps: [
'csui/lib/require.config!csui/csui-extensions.json'
]
});

csui.require.config({
config: {
"csui/utils/commands": {
"extensions": {
"csui": [
"csui/integration/folderbrowser/commands/go.to.node.history",
"csui/integration/folderbrowser/commands/open.full.page.container"
]
}
},
'csui/widgets/nodestable/nodestable.view': {
useV2RestApi: true
},
"csui/widgets/nodestable/toolbaritems": {
"extensions": {
"csui": [
"csui/integration/folderbrowser/impl/nodestable.toolitems"
]
}
},
'csui/integration/folderbrowser/commands/go.to.node.history': {
enabled: true
},
'csui/integration/folderbrowser/commands/open.full.page.container': {
enabled: true
}
}
});

csui.onReady2([
"csui/lib/jquery",
'csui/integration/folderbrowser/folderbrowser.widget',
'csui/controls/globalmessage/globalmessage'
], function ($, FolderBrowser, GlobalMessage ) {

var folderBrowser = new FolderBrowser({
connection: {
url: 'http://murdock.opentext.com/alpha/cs.exe/api/v1',
supportPath: '/alphasupport'
},
start: {id: 2000}, // {type: 141} causes errors, which is also the default when no value is set
breadcrumb: true, // {stop: {id: 2000}},
facetPanel: true,
pageSize: 50,
// filter: { name: "i"}, // would filter on the name
// filter: { type: 144 }, // would show only documents
filter: { type: 0 }, // will show only folders
clearFilterOnChange: false // filter will remain even when browsing to another directory
});

folderBrowser.show({placeholder: '#content'});

folderBrowser.on("containerOpened", function (args) {
// Keep the page title equal to the current container name
$("head title").text("At: " + args.node.name);

// annoying extra message/confirmation with every containerOpened, just for demonstration
GlobalMessage.showMessage('info', "Entering '" + args.node.name + "'");
});

});

</script>
</head>

</div>
</body>

</html>

Ferdinand Prantl

I am afraid, that you will need to approach the sample pages in the SDK with less trust and use your knowledge about Smart UI too ;-) I filed a bug LPAD-77428 to get this fixed.