Using SAP HANA Cloud UI Theme Designer from Web IDE

[Former Member]

I'm trying to use the Web IDE menu option "SAP HANA Cloud UI Theme Designer".  When I do, I receive an error of:

"

HTTP Status 503 - No application is available to handle this request. Reason: Cannot find application 'themedesigner' in account '-snip-trial'.

"

How do I access the theme designer from Web IDE?

[Jitendra_Kansal]

I guess you are missing subscription to theme designer

open SAP HANA Cloud Platform

subscriptions> New subscription > select provider account as "theme designer"

[Former Member]

Thank you for the reply, you're correct the theme designer wasn't being subscribed to.  I've since enabled it.

However, I'm unable to load the example page in Web IDE into the theme designer.  If I click the "+" to add the application/target pages and provide the URL generated after clicking the 'Run' button the theme designer goes into an infinite loop trying to load the page.  When I inspect it in Google Chrome, it's stating:

"Uncaught SecurityError: Failed to read the 'frame' property from 'Window': Blocked a frame with origin "https://webide-[myID]trial.dispatcher.hanatrial.ondemand.com" from accessing a frame with origin "https://themedesigner-[myID]trial.dispatcher.hanatrial.ondemand.com". The frame being accessed set "document.domain" to "ondemand.com", but the frame requesting access did not. Both must set "document.domain" to the same value to allow access."

Is there a better way to preview the Web IDE project in the Theme Editor for modification that perhaps I'm missing?  Thanks again for the reply!

[Jitendra_Kansal]

I can experience the same as host names for both URLs are different. Lets hear from

[Former Member]

I tried deploying the project and then using that URL for the theme designer.  After running it in Chrome, it didn't load.  I then investigated the debug console and found the following indicating it was unable to load "messagebundle_en_US.properties".  I searched my solution, that file doesn't exist anywhere.  Hopefully Uwe Klinger will have a suggestion on this.

sap-ui-core.js:80 2015-05-28 15:09:42 [] URL prefixes set to: -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 15:09:42 []   (default) : resources/ -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 15:09:42 []   'com/sap/me/datatransfer/impl' : ./ -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 15:09:42 [] registerResourcePath ('view', './view/') -  sap.ui.ModuleSystem

sap-ui-core.js:27 GET https://cdtexport-[myID]trial.dispatcher.hanatrial.ondemand.com/resources/sap/m/messagebundle_en_US.... 404 (Not Found)Q.ajaxTransport.send @ sap-ui-core.js:27Q.extend.ajax @ sap-ui-core.js:27jQuery.sap.loadResource @ sap-ui-core.js:80b @ sap-ui-core.js:135properties @ sap-ui-core.js:135l @ sap-ui-core.js:135B @ sap-ui-core.js:135resources @ sap-ui-core.js:135n.getLibraryResourceBundle @ sap-ui-core.js:144(anonymous function) @ sap-ui-core.js:144(anonymous function) @ MessageBox.js:6(anonymous function) @ sap-ui-core.js:80c1 @ sap-ui-core.js:80sap.ui.define @ sap-ui-core.js:80(anonymous function) @ MessageBox.js:6b1 @ sap-ui-core.js:80a1 @ sap-ui-core.js:80jQuery.sap.require @ sap-ui-core.js:80(anonymous function) @ cdtExport.controller.js:1b1 @ sap-ui-core.js:80a1 @ sap-ui-core.js:80jQuery.sap.require @ sap-ui-core.js:80sap.ui.controller @ Controller.js:6sap.ui.lazyRequire.q.each.o.(anonymous function) @ sap-ui-core.js:135c @ View.js:6V._initCompositeSupport @ View.js:6E.extend.constructor @ sap-ui-core.js:144M.extend.constructor @ sap-ui-core.js:144E.extend.constructor @ sap-ui-core.js:144M.createClass.f @ sap-ui-core.js:144M.createClass.f @ sap-ui-core.js:144sap.ui.lazyRequire.o @ sap-ui-core.js:135sap.ui.view @ View.js:6sap.ui.lazyRequire.q.each.o.(anonymous function) @ sap-ui-core.js:135(anonymous function) @ (index):20

sap-ui-core.js:27 GET https://cdtexport-[myID]trial.dispatcher.hanatrial.ondemand.com/resources/sap/ui/table/messagebundle... 404 (Not Found)Q.ajaxTransport.send @ sap-ui-core.js:27Q.extend.ajax @ sap-ui-core.js:27jQuery.sap.loadResource @ sap-ui-core.js:80b @ sap-ui-core.js:135properties @ sap-ui-core.js:135l @ sap-ui-core.js:135B @ sap-ui-core.js:135resources @ sap-ui-core.js:135n.getLibraryResourceBundle @ sap-ui-core.js:144(anonymous function) @ sap-ui-core.js:144C.init @ Column.js:6E.extend.constructor @ sap-ui-core.js:144M.extend.constructor @ sap-ui-core.js:144M.createClass.f @ sap-ui-core.js:144g @ XMLTemplateProcessor.js:6e @ XMLTemplateProcessor.js:6d @ XMLTemplateProcessor.js:6y @ XMLTemplateProcessor.js:6g @ XMLTemplateProcessor.js:6e @ XMLTemplateProcessor.js:6d @ XMLTemplateProcessor.js:6y @ XMLTemplateProcessor.js:6g @ XMLTemplateProcessor.js:6e @ XMLTemplateProcessor.js:6d @ XMLTemplateProcessor.js:6y @ XMLTemplateProcessor.js:6g @ XMLTemplateProcessor.js:6e @ XMLTemplateProcessor.js:6d @ XMLTemplateProcessor.js:6y @ XMLTemplateProcessor.js:6y @ XMLTemplateProcessor.js:6g @ XMLTemplateProcessor.js:6e @ XMLTemplateProcessor.js:6d @ XMLTemplateProcessor.js:6y @ XMLTemplateProcessor.js:6g @ XMLTemplateProcessor.js:6e @ XMLTemplateProcessor.js:6d @ XMLTemplateProcessor.js:6y @ XMLTemplateProcessor.js:6y @ XMLTemplateProcessor.js:6g @ XMLTemplateProcessor.js:6e @ XMLTemplateProcessor.js:6d @ XMLTemplateProcessor.js:6y @ XMLTemplateProcessor.js:6y @ XMLTemplateProcessor.js:6g @ XMLTemplateProcessor.js:6e @ XMLTemplateProcessor.js:6a @ XMLTemplateProcessor.js:6b @ XMLTemplateProcessor.js:6X.parseTemplate @ XMLTemplateProcessor.js:6a.onControllerConnected.sap.ui.base.ManagedObject.runWithPreprocessors.settings @ XMLView.js:6d.runWithPreprocessors @ sap-ui-core.js:144a.onControllerConnected @ XMLView.js:6V._initCompositeSupport @ View.js:6E.extend.constructor @ sap-ui-core.js:144M.extend.constructor @ sap-ui-core.js:144E.extend.constructor @ sap-ui-core.js:144M.createClass.f @ sap-ui-core.js:144M.createClass.f @ sap-ui-core.js:144sap.ui.lazyRequire.o @ sap-ui-core.js:135sap.ui.view @ View.js:6sap.ui.lazyRequire.q.each.o.(anonymous function) @ sap-ui-core.js:135(anonymous function) @ (index):20

sap-ui-core.js:33 2015-05-28 15:09:44 [] Device API logging initialized - DEVICE

sap-ui-core.js:80 2015-05-28 15:09:44 [] registerResourcePath ('', 'resources/') -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 15:09:44 [] registerResourcePath ('com/sap/me/datatransfer/impl', './') -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 15:09:44 [] URL prefixes set to: -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 15:09:44 []   (default) : resources/ -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 15:09:44 []   'com/sap/me/datatransfer/impl' : ./ -  sap.ui.ModuleSystem

[Former Member]

I was able to get rid of the error, however when I try to load my UI5 app. (from Web IDE) into the theme designer, the following appears in the Chrome Debug console and repeats indefinitely.

I was able to get rid of the messagebundle error (in the prior post) by adding the following to the index.html:  data-sap-ui-language="en"

However, my application never loads in the theme designer and can't be previewed/themed as a result.  I appreciate any recommendations.

2015-05-28 17:18:19 [] Device API logging initialized - DEVICE

sap-ui-core.js:80 2015-05-28 17:18:19 [] registerResourcePath ('', 'resources/') -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:19 [] registerResourcePath ('com/sap/me/datatransfer/impl', './') -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:19 [] URL prefixes set to: -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:19 []   (default) : resources/ -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:19 []   'com/sap/me/datatransfer/impl' : ./ -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:19 [] registerResourcePath ('view', './view/') -  sap.ui.ModuleSystem

sap-ui-core.js:33 2015-05-28 17:18:21 [] Device API logging initialized - DEVICE

sap-ui-core.js:80 2015-05-28 17:18:21 [] registerResourcePath ('', 'resources/') -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:21 [] registerResourcePath ('com/sap/me/datatransfer/impl', './') -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:21 [] URL prefixes set to: -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:21 []   (default) : resources/ -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:21 []   'com/sap/me/datatransfer/impl' : ./ -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:22 [] registerResourcePath ('view', './view/') -  sap.ui.ModuleSystem

sap-ui-core.js:33 2015-05-28 17:18:23 [] Device API logging initialized - DEVICE

sap-ui-core.js:80 2015-05-28 17:18:23 [] registerResourcePath ('', 'resources/') -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:23 [] registerResourcePath ('com/sap/me/datatransfer/impl', './') -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:23 [] URL prefixes set to: -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:23 []   (default) : resources/ -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:23 []   'com/sap/me/datatransfer/impl' : ./ -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:23 [] registerResourcePath ('view', './view/') -  sap.ui.ModuleSystem

sap-ui-core.js:33 2015-05-28 17:18:25 [] Device API logging initialized - DEVICE

sap-ui-core.js:80 2015-05-28 17:18:25 [] registerResourcePath ('', 'resources/') -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:25 [] registerResourcePath ('com/sap/me/datatransfer/impl', './') -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:25 [] URL prefixes set to: -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:25 []   (default) : resources/ -  sap.ui.ModuleSystem

sap-ui-core.js:80 2015-05-28 17:18:25 []   'com/sap/me/datatransfer/impl' : ./ -  sap.ui.ModuleSystem

[former_member186879]

Hi,

Maybe this can help...

Adding an entry to the neo-app.json:

UI Theme Designer

Adding the theme configuration:

UI Theme Designer

[draysams]

Go to the SCP Cockpit, select Services from the side menu, search for theme and the theme designer will pop up. Just click the UI Theme Designer service and enable it. You will now be able to access your theme designer

[tamasszirtes]

Hi,

In the SAP HANA Cloud Platform Cockpit select Subscriptions in the left side menu. Click on New Subscription and add the theme designer.

Regards,

Tamas