Cannot edit NWBC theme in Theme Designer

[Former Member]

Hi,

I'm not able to edit the theme for NWBC pages. The CSS edit pane is simply empty when selecting the NWBC index page. Apparently it's caused by some fault in the NWBC preview pages/CSS files, when I look through the log protocol in the Theme Designer.

Empty CSS pane:

Copy/paste of the Theme Designer protocol when loading the NWBC index page:

[Info] Calling repository method "GetRepositoryOptions" on "https://SAPDS6.TeamR3.com/sap/bc/theming/themes/~client-800/.theme-repository-options.json"

[Info] Retrieving new CSRF token from server "https://SAPDS6.TeamR3.com"

[Info] Applying found repository options for "https://SAPDS6.TeamR3.com".

[Info] Analyzing Repository structure

[Info] ---------------------------------------------------------------------------------

[Info] Scanning for frameworks: Base

[Info] Scanning for libraries: baseLib

[Info] Calling repository method "GetRepositoryStructureData" on "https://SAPDS6.TeamR3.com/sap/bc/theming/themes/~client-800"

[Info] Done within 67ms

[Info] Creating Theme "new_custom_theme" extending "sap_goldreflection"

[Info] ---------------------------------------------------------------------------------

[Info] Done within 0ms

[Info] Created "new_custom_theme"

[Error] No config found in "https://sapds6.teamr3.com/sap/public/bc/ui2/nwbc/preview/index.css". Trying fallback strategy.

[Info] sap.file.FileUtil.oSendHttpRequest: Failed accessing https://sapds6.teamr3.com/sap/public/bc/ui2/nwbc/preview/.theming?sap-client=800 by method GET with result status 404

[Info] sap.file.FileUtil.oSendHttpRequest: Failed accessing https://sapds6.teamr3.com/sap/public/bc/ui2/nwbc/.theming?sap-client=800 by method GET with result status 404

[Info] sap.file.FileUtil.oSendHttpRequest: Failed accessing https://sapds6.teamr3.com/sap/public/bc/ui2/.theming?sap-client=800 by method GET with result status 404

[Info] sap.file.FileUtil.oSendHttpRequest: Failed accessing https://sapds6.teamr3.com/sap/public/bc/.theming?sap-client=800 by method GET with result status 404

[Info] sap.file.FileUtil.oSendHttpRequest: Failed accessing https://sapds6.teamr3.com/sap/public/.theming?sap-client=800 by method GET with result status 404

[Info] sap.file.FileUtil.oSendHttpRequest: Failed accessing https://sapds6.teamr3.com/sap/.theming?sap-client=800 by method GET with result status 404

[Warning] Fallback strategy failed. JS call stack:   sap.theming.ui.SapLessAPI.oExtractCssConfig(sUrl)  sap.theming.ui.SapLessAPI.setWorkingFile(oWorkingFile)  unknown(oBufferElement)  unknown(oBufferElement)  unknown(oBufferElement)  unknown(sHref)  LinkElement(mSettings)  unknown(fnOnLoad)  unknown(sChannel, sEvent, oData)  sap.ui.core.EventBus.publish(c,e,d){if(arguments.length==1){d=null;e=c;c=null}else if(arguments.length==2){if(typeof(e)!='string'){d=e;e=c;c=null}}d=d?d:{};var C=g(this,c);if(!C){return}var E=sap.ui.base.EventProvider.getEventList(C)[e];if(E&&jQuery.isArray(E)){E=E.slice();var I;for(var i=0,l=E.length;i<l;i++){I=E[i];I.fFunction.call(I.oListener||this,c,e,d)  unknown(oEvent)  sap.ui.core.UIArea.fireEvent(e,p,a,E){if(typeof p=="boolean"){E=a;a=p}var b=this.mEventRegistry[e],P=false,o,c,I;if(E||(b&&jQuery.isArray(b))){b=b?b.slice():[];o=this.oEventPool.borrowObject(e,this,p);for(var i=0,l=b.length;i<l;i++){I=b[i];I.fFunction.call(I.oListener||this,o,I.oData)}if(E){c=this.getEventingParent();while(c&&!o.bCancelBubble){b=c.mEventRegistry[e];if(b&&b instanceof Array){b=b.slice();for(var i=0,l=b.length;i<l;i++){I=b[i];I.fFunction.call(I.oListener||c,o,I.oData)}}c=c.getEventingParent()}}P=o.bPreventDefault;this.oEventPool.returnObject(o)}if(a)  sap.ui.core.Element.fireEvent(e,p){var a=Array.prototype.slice.apply(arguments);a[1]=p=p||{};p.id=p.id||this.getId();return sap.ui.base.EventProvider.prototype.fireEvent.apply(this,a)  unknown(e){var a=t._iframe[0].contentWindow;var f=t._iframeLoaded?false:true;if(a.jQuery&&a.jQuery.sap&&a.jQuery.sap.history){a.jQuery.sap.history.addHistory('app',{id:'initialState'})}t._iframeLoaded=true;t.fireEvent('iframeLoaded',{frame:t._iframe,firstTime:f})  unknown(i){Q().off(i);return b.apply(this,arguments)  unknown(a){a=Q.event.fix(a||w.event);var b=((Q._data(this,"events")||{})[a.type]||[]),c=b.delegateCount,f=[].slice.call(arguments,0),r=!a.exclusive&&!a.namespace,k=[],i,j,l,m,n,s,o,p,q,t,v;f[0]=a;a.delegateTarget=this;if(c&&!a.target.disabled&&!(a.button&&a.type==="click")){m=Q(this);m.context=this.ownerDocument||this;for(l=a.target;l!=this;l=l.parentNode||this){s={};p=[];m[0]=l;for(i=0;i<c;i++){q=b[i];t=q.selector;if(s[t]===u){s[t]=(q.quick?Z(l,q.quick):m.is(t))}if(s[t]){p.push(q)}}if(p.length){k.push({elem:l,matches:p})}}}if(b.length>c){k.push({elem:this,matches:b.slice(c)})}for(i=0;i<k.length&&!a.isPropagationStopped();i++){o=k[i];a.currentTarget=o.elem;for(j=0;j<o.matches.length&&!a.isImmediatePropagationStopped();j++){q=o.matches[j];if(r||(!a.namespace&&!q.namespace)||a.namespace_re&&a.namespace_re.test(q.namespace)){a.data=q.data;a.handleObj=q;n=((Q.event.special[q.origType]||{}).handle||q.handler).apply(o.elem,f);if(n!==u){a.result=n;if(n===false){a.preventDefault();a.stopPropagation()  unknown(e){return typeof Q!=="undefined"&&(!e||Q.event.triggered!==e.type)?Q.event.dispatch.apply(j.elem,arguments)

When I look through the MIME repository the files really are present:

I hope someone can guide me I the right direction.

Thanks!

Best regards,
Stefan Hansen

[Former Member · Accepted solution]

Hello All,

If anyone is still having this issue, SAP have released 1986795 - Use Company Logo in NWBC from Theme today which has resolved the issue for us.

Regards

Mike

[Former Member · Accepted solution]

Thank you SO much for this information - it fixed our issues! 3 months of frustration just got solved!
Have a nice weekend!

Regards,
Stefan

[Former Member]

I created an OSS on this issue.

[Former Member]

Ok.When I checked the version, its NWBC 4.0 PL0. Will that be the reason.?

[Former Member]

Hi Stefan,

I am also facing the same situation. Nothing is showing in Quick Design and unable to edit.

Also my index page is different from what is showing in UI Theme Designer.

I will show you both images. If you got any solution, kindly share it.

Regards,

Namsheed.

[Former Member]

Anybody had any luck with this, we are on EHP7 and Kernel 741, Only yesterday I applied the latest NWBC runtime patches and SAPUI SP8 and the latest note but we are still unable to edit the NWBC Theme.

I've had an OSS message open with SAP for sometime now in relation to this but they don't seem to want to respond and admit there is an issue!

[MattHarding]

Hi Michael,

Just to give you some feedback - I've had this issue in the past (early version of UI2), but just yesterday I had my dev edition NW 7.40 SP5 with BW on HANA (cal.sap.com version) and could edit this in my Chrome browser (had issues with my Windows 8.1 IE version if I recall correctly). Could edit, publish, then set the theme and use it in NWBC.

Have you gone through and activated all the required SICF nodes (using the /ui2/tool or something transaction). To be honest, with my system, I just activated every SICF node because it's my sandpit system that I can throw away at any time.

Cheers,

Matt

[Former Member]

Hi Stefan,

You can't work on the custom CSS when you want to theme the NWBC. This only works for the UI5 components (as far as i understand it). When you want to theme the index page for example you can use the quick and expert tab.

When you add a custom web dynpro component as a target page, then you get access the UR repository and can change these attributes, however i have found it quite difficult to theme, as you have to use a CSS viewer to try to figure out which attribute to theme. It doesn't just show you the attributes present in the single application.

Hope this helps as an answer

[Former Member]

Hi,

As you can see from my screenshots the quick and expert tabs are empty, when I want to theme any of the NWBC pages. Adding NWBC as an application/link doesn't work either.

If you look at page 55 in this guide, there really should be content in the quick and expert tabs:

http://blasthemy.com/sap/TechEd13/1_Session_PDFs/CD/CD167/CD167_exercise.pdf

I have also upgraded to the latest SPS 07 of the UI add-on and have installed NWBC Desktop 4.0 PL12.

Regards,
Stefan

[Former Member]

Adding NWBC as target probably doesn't work because it really isn't a Web Dynpro application. Try WDR_TEST_EVENTS, that should exist in every system. With the WDA, I see content in Quick and Expert tabs.

[Former Member]

Hmm i seem to have the same problems after the upgrade to ehp7. However if i use one of the UR stuff, like button it works fine for me. And what i enter into the button of background etc. works in the index page when i log onto NWBC UI2.

[Former Member]

I haven't been able to change it myself either but in my case I suspect it is because I have an old version (SP05) of the UI Add-On. I believe has been able to create a custom theme that he uses with NWBC, maybe he can provide some pointers. Also see this discussion thread for details.