Skip to Content
avatar image
Former Member

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

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 

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

6 Answers

  • avatar image
    Former Member
    Dec 11, 2013 at 01:37 PM

    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 -

    Custom themes for Web Dynpro ABAP applications without SAP Enterprise Portal integration

    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

    Add comment
    10|10000 characters needed characters exceeded

    • 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

  • avatar image
    Former Member
    Dec 12, 2013 at 10:21 AM

    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

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Dec 13, 2013 at 07:38 PM

    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.

    Add comment
    10|10000 characters needed characters exceeded

    • 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

  • Dec 13, 2013 at 07:52 PM

    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.

    Add comment
    10|10000 characters needed characters exceeded

    • 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.

  • avatar image
    Former Member
    Dec 16, 2013 at 07:33 AM

    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

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member Samuli Kaski

      Hi Samuli,

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

      Regards,

      Shafique Shaikh

  • May 20, 2014 at 07:00 AM

    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

    Add comment
    10|10000 characters needed characters exceeded