Skip to Content

Can we change Background color of POPUP in SAP Design studio?

I have used POPUP in my Design studio Application. I need to change its backgroud color. As of now by default it is grey. In Properties , I didn't find any option to choose the Custom CSS class.

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • May 23, 2017 at 07:23 AM

    Hi Sivakumar,

    Further to my previous comment, using the technique mentioned you can change the background colour of the popup as follows:

    1. Assign a custom CSS file at the application level with the following code:

    /* Custom CSS */
    
    /* Popup Background Colour - Global Override */
    
    .sapMPanelBGSolid {
    
        background-color: rgba(0, 124, 192, 1);
    
    }
    
    /* Popup Background Colour - Specific assignment to component by class */
    
    .popupBackground .sapMPanelBGSolid {
    
        background-color: rgba(240, 171, 0, 1);
    
    }
    

    2. The first class, sapMPanelBGSolid is a global class which will change the background colour of all popups in the application.

    3. The second class, popupBackground can be specifically assigned to the Custom CSS property in the Property Sheet of the specific popup if you want to assign a background colour at the component level.

    The results are shown below:

    Regards,

    Mustafa.

    Add comment
    10|10000 characters needed characters exceeded