creating custom themes and appying to webdynpro abap applications as background

[former_member5006]

Hi,

       I have a requirement that i need to create a custom theme and have to apply that theme to webdynpro abap application .

for this requirement

• i have created  a custom theme in my desktop and created a folder in MIME repository where /sap/public/bc/ur/customer themes/...
• go to se38 .. BSP_UPDATE_MIMEREPOS execute and upload that custom theme to  our  created folder in mime repositoy

now the uploaded theme is available in MIME repository.

• all  the programming work in webdynpro componenet i.e. used sap-cssurl in application url ..
• upto here everything is fine .. now the problem is

have to create a new sub element in SICF transation in order to apply that theme to my webdynpro component .. how to do this ?

..................

my quyestion is how to create new subelement (customer themes) in SICF t.code..

i am facing an issue where following these steps :

Go in transaction SICF, under public/bc and create the subelement, 'customerthemes':

.. Inorder to do this i got a meesgae like

how to solve this issue ?....

all authorizations are there for my user . but  unable to create new subelement!.

replies are most needed ...

[former_member222068 · Accepted solution]

Hi Naveen,

Talk to the basis people, in general authorizations will be taken care by them.

Thanks & Regards,

Sankar Gelivi

[Former Member]

Hi Naveen,

Even i have done the same process for changing background theme for web dynpro application.

My requirement is to upload background image for the theme , i achieved it by changing the css file and uploading back to the custom folder and calling folder in application parameter.

But i am facing lot of issues listed below.

1.)In the application F4 help, pop up window and dropdown are not working

2.)Even for standard applications also facing similar situation

I don't know how to resolve this issue?

[former_member5006]

Hi ,

        Pleae make it as helpful answer or correct answer .. if any message was useful to u  .. so that so many other consultants can reuse it directly .. be helpful to this site also ...

Solving your solutions is part over here . for the next consultant can also able to solve their same concept by using this disscussion .. so make correct answers  which are helpful...

Hi ,

to changing color and everything.. disscuss with html developer.. or learn  where we change colors for buttons , texts and so on ....

learn in html and do here accordingly for ur requirement.

[Former Member]

I think since it is not my thread.. I can only like the replies. but I cannot mark them as helpful.

If I am missing anything.. please let me know..

[former_member5006]

thanx for ur all replies .. finally i got it . successfully  updated theme in webdynpro abap .

1. intially download the sap_trade theme show from bsp_update_mimerepos funtion module

   /sap/public/bc/ur/nw5/themes/sap_tradeshow

2.change in ls_ie6.css in ur downloaded desktop file .

3. update the modified theme into ur webdynpro  component that  exists  using bsp_update_mimerepos funtion module

4.In application url provide wd_themeroot provide the location that exists

5. In windows plugs also have to use sap-epthemeroot to add url in webapplciation.

6. now test your applciation 

[Former Member]

Hi Naveen,

I am also working on the same scenario.

We currently have SAP_ABA Release 7.01 Level 011.

First thing,

1. How do I download the SAP themes.

2. I have read various articles where we can update the themes using eclipse plugins. Have you tried that? I have dowloaded eclipse and did all the process as mentioned in one of the documents. but the main issue is downloading current SAP theme in project.zip format which is recognized by eclipse.

It will be of great help if you can help me with this.

[former_member5006]

Hi Ankit,

To download sap themes .

• Go to se38  T.code execute the program BSP_UPDATE_MIMEREPOS
• select radio buttons of export to disk . and process whole structe  . provide location path as

  /sap/public/bc/ur/nw5/themes/sap_tradeshow

• In this file  you can have everything ..Now this file is available at your local sytem.

for your information i havent used eclipse plug-in .. by the above stpes i changed theme of my webdynpro application.

[Former Member]

Thanks for the reply.

I did that and now I have all the files.

Now I am using Internet explorer 9. So I am not sure which *.css file should i edit.

ie5, ie6, marked or nosprite?

[former_member5006]

ls_ie6.css file need to change..

this file is for all browsers.

for changing background some code u can follow ..

[Former Member]

Hi,

I did the same.

I have downloaded the SAP_Tradeshow theme.

I edited the css file and I created a new folder in /SAP/PUBLIC/BC/UR/CUSTOMER_THEMES

Now how do i give the theme location in my web application?

[former_member5006]

Hi ,

            try to make it as helpful answer.. that any message was useful to you. that will useful to others to read exact messages in short time.

After editing the css file in ur system you need to upload that theme to Same Component  of MIMES folder by using

program BSP_UPDATE_MIMEREPOS.

• Go to se38  T.co.de execute the program BSP_UPDATE_MIMEREPOS
• In Application Parameter add paramter as WDTHEMERROT .. provide location of theme available at your mimes .
• go to windows crate exit plug with paramter target type string,

In default plug implementation, call the method construct_wd_url of class cl_wd_utilities

  concatenate that URL with  sap-ep-themeroot  . provide theme location for sap-ep-themeroot also ..

Now test the applicaiton ..

[Former Member]

Thanks for the replies.

Pardon, as I am new to webdynpro.

Let me rephrase my question again.

I have already uploaded my themes to mime repository. Location of my theme folder is..

/SAP/PUBLIC/BC/UR/ZTHEMES/SAP_TRADESHOW

Note:  I have kept the theme name as SAP_TRADESHOW.

Now my Questions:

1. Value of Parameter WDTHEMEROOT = /SAP/PUBLIC/BC/UR/ZTHEMES/SAP_TRADESHOW

Is this right?

2. I didnt understand the part of creation of exit plug.

Can you elaborate?

I am attaching screenshot of my webdynpro application structure. this might help in explaination.

[former_member5006]

Hi,

        Yo can follow the screen shots will get clear idea ...

In developed component only i was uploaded that theme with name orangetheme.

In application parameter provide like  above screen  ..

this steps are for adding theme path in browser url.

now write the as follows and execte  the application and test it ... Its very complex one you need try hard..

[Former Member]

Thanks for the reply. But still no Luck.

Please find the screenshots.

My Webdynpro structure after uploading themes.

WDTHEMEROOT URL

Now Default plug Code

After activating and testing the web application.

URL shown in browser

http://xxx.com:8002/sap/bc/webdynpro/sap/z_se16_wda?SAP-EP-THEMEROOT=/SAP/BC/WEBDYNPRO/SAP/Z_SE16_WD...

Output in browser

Without Custom theme.. browser url

http://xxx.com:8002/sap/bc/webdynpro/sap/z_se16_wda?sap-client=150&sap-language=EN

Output in browser

Can you help me where am i going wrong?

[former_member5006]

nice work up to now ...

thats .. fine .. but follow the screen shot how i did the changes in ls_ie6.css file ..

just apply that changes then test it whether its working or not ..

i think u haven't created   importing parameters in windows handle default plug.. plz do check it once..

then do changes according to ur requirement  ..

..your allignment was changes means your near to result ..

do work on it ..

[Former Member]

did u happen to check the browser url I sent?

without appending themeroot url browser url shows..

xxx.com/sap/bc/webdynpro/sap/z_se16_wda?sap-client=150&sap-language=EN

After appending.. it shows

xxx.com/sap/bc/webdynpro/sap/z_se16_wda?SAP-EP-THEMEROOT=/SAP/BC/WEBDYNPRO/SAP/Z_SE16_WDA/MIMEs/MIMEs/SAP_TRADESHOW/&run=X

I am not sure if this is correct.

I did the changes in the css as u suggested. but i think it is not able to find the theme file.. hence everything is coming blank..

[Former Member]

It worked.

The path appearing in my webdynpro application was incorrect.

In my object it shows two MIMEs/MIMEs folder.

but if I check the SAP/BC/Webdynpro/SAP .. it shows only 1.

So i changed the path and it worked.

Thanks a lot for this.

Now that my theme is getting rendered and I need some help in editing CSS File.

I want to change tab strip color?

Do you know where can i get the guideline to edit CSS?

[Former Member]

The method you are describing is supported only up to NW 7.01. In order to have custom themes for WDA applications on NW7.02 and later, you will have to use the UI Theme Designer which is part of the UI Add-On. The other supported option is to access WDA applications via the portal in which case the backend will use the portal theme. There are plenty of existing discussion threads on the topic, no need to create new ones.

[Former Member]

Hi Samuli,

Without using Theme designer can we use the custom themes and also my system version is

SAP-BASIS  702 Release 007 Service Level.

After changing the theme following facing  issues listed below.

1.)In the application F4 help, pop up window and dropdown are not working

2.)Even for standard applications also facing similar situation

I don't know how to resolve this issue?