cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - You can Bookmark boards, posts or articles that you'd like to access again easily! X

Css changes not visible in modal popup for date picker and button widgets.

shraddha_21
5-Regular Member

Css changes not visible in modal popup for date picker and button widgets.

Hi Community team,

 

I have two widgets one date picker and another one button to come up in modal popup but the css i have applied is not visible there which is showing up when I'm normally opening the popup mashup as in not from navigation.

 version is 8.5.7

 

 

Thanks,

Shraddha

1 ACCEPTED SOLUTION

Accepted Solutions

hi @shraddha_21 ,

 

I face this problem daily, so for the CSS you have applied, you need to put the #root before it. The #root you will get it when you open the popup from runtime and do an inspection on it.. for example:

pshashipreetham_0-1711096058717.png

So you need write code like:

#cell_Section_Aggregation_Flow-73_navigation-60-popup_panel-351 {
    background: transparent;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: none;
    border: none;
}

 Thanks,

Shashi Preetham

View solution in original post

1 REPLY 1

hi @shraddha_21 ,

 

I face this problem daily, so for the CSS you have applied, you need to put the #root before it. The #root you will get it when you open the popup from runtime and do an inspection on it.. for example:

pshashipreetham_0-1711096058717.png

So you need write code like:

#cell_Section_Aggregation_Flow-73_navigation-60-popup_panel-351 {
    background: transparent;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: none;
    border: none;
}

 Thanks,

Shashi Preetham
Top Tags