Skip to Content
0

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

May 23, 2017 at 05:50 AM

152

avatar image

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.

10 |10000 characters needed characters left characters exceeded

Hi Sivakumar,

Please search the SCN before posting because such questions have been discussed before. You need to find out which CSS class applies to the Popup background and override the standard class using the technique described in the blog: How to Find and Change the CSS Class - Design Studio.

Regards,

Mustafa.

0
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Mustafa Bensan May 23, 2017 at 07:23 AM
1

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.


Share
10 |10000 characters needed characters left characters exceeded