Change background color from BLUE to White for Web dynpro ABAP page

[Former Member]

Hello Experts,

I have developed a web dypro application using SAP ABAP. Now client wants to change the feel & look of UI elements such has chang background color from blue to white, look of table & introduce dynamically color like red, blue, yellow & green for specific column or column of a row. I have gone through many link before posting but not able to find a suitable one. Many link say we can not perform such changes and other say about themes. If we have to use themes then how we can do so?

Thanks

Faiz Khan 

[JerryWang]

Hello Faiz,

I have written one document Step by step to change ABAP webdynpro background color, please check whether it can help you.

Best regards,

Jerry

[Former Member]

Hello Faiz,

Have you tried the "WDFORCEEXTERNALSTYLESHEET"  parameter in your WDA Application? Also, you may have to use the Eclipse Theme Editor to create your own custom themes.

Regards,

Shafique Shaikh

[Former Member]

That information is incorrect. Eclipse Theme Editor is no longer supported and it was never supported for productive use to begin with.

[Former Member]

Hi Samuli,

Thanks for the information, though I was able to apply theme changes by using the 'WDFORCEEXTERNALSTYLESHEET' parameter.

Regards,

Shafique Shaikh

[Former Member]

Regarding your requirement of having specific colors for UI elements, the logic has to be implemented in the application. With theming you can only change the predefined styles. With tables you can use cell design and with other elements background design although there are only a few choices for the latter. If you are interested in setting the background design dynamically, see this document.

[Former Member]

Hello Samuli,

The style of UI Application developed using webdynpro abap is very restrictive compare to the one developed using webdypro java because on portal we can apply custom theme to them.

I have one query regarding themes: Can custom theme be applied only to applications that are developed using webdynpro java or they can be applied to applications developed using webdynpro abap? And if yes then how we can to it.?

My query, seems to be pitiable but i am really confused.

Thanks

Faiz Khan

[Former Member]

No, custom themes can be also applied to Web Dynpro ABAP applications. You will have to install the SAP NetWeaver UI Add-On 1.0 and use the UI Theme Designer to create a custom theme that can be used with Web Dynpro ABAP applications. Since you are accessing WDAs via the portal you can either use the UI Theme Designer for SAP NetWeaver Portal ("standalone") or the backend (ABAP) version. However, I was recently told by someone working for the SAP Development Support of UI Theme Designer that the standalone version is not really meant for theming UR applications so maybe you should look into using the backend version instead.

[Former Member]

Hi Faiz,

Are you launching the webdynpro app with the portal?

The look and feel, color and themes can be rendered with the help of css style sheets via portal.

check with your portal team for creating style sheets.

one the application is launched via portal iview it will use portal style sheets which can provide required themes.

[Former Member]

Hello Akanksha,

Thanks for your suggestion, but can you give me some idea how to do it so that i can convey same to portal team because i think they have no idea.

Thanks

Faiz khan

[Former Member]

Hi Khan,

In order to change the background colour from 'Blue' to 'White' we need to change the UI element property 'design' to 'sapcolor'.

Let me know if you need more information

Regards,

Kushi

[Former Member]

Hello Kushi,

Thanks for your response, but i don't want to only change the blue color but most of look & feel of UI elements so that they can look similar or exact that of webdypro java development application on which themes are applied at portal side.

The step that ylou have said is only possible for few UI element such has tray, Group etc and i am aware of that.

Thanks

Faiz Khan

[Former Member]

You can use the UI Theme Designer to theme WDA applications to your needs.

[Former Member]

Hi Faiz,

What I figured out is that there are 2 major requirements in your question, First is changing the theme of the ABAP WD Application and the other is related to WDA ALV.

1. For changing the theme please refer the below document -

2. For displaying the WDA ALV columns in colour you can make use of "CL_WD_TABLE_COLUMN" Class. For ex - To display your column as RED - you can create one more field in your final internal table as " cell_color  type WDY_UIE_LIBRARY_ENUM_TYPE " and then set the value as " cl_wd_table_column=>e_cell_design-badvalue_dark".

Regards,

Shafique Shaikh

[Former Member]

Hello Shafique,

Thanks for your response. Yes, your correct my requirement is as per your understanding. I have gone through link but not able to understand, so can you give me some more detail how to extract themes and modify them.

Thanks 

Faiz Khan