Making filter bar and dimension filter background color opaque or transparent

[Former Member]

Hi,

I wanted to make back ground color of filter header panel transparent for which i have used this custom CSS but it doesn't work, i am working on Lumira Designer 2.1.

/* Change background color */ .myFilterPanel .sapMIBar.sapMTB.sapMTB-Auto-CTX.sapMTBInactive.sapMTBNewFlex{ background-color: rgb(200,0,0,0);

}

.myFilterPanel .sapContrastPlus.sapMIBar.sapMIBar-CTX.sapMPageSubHeader.sapMSubHeader-CTX.sapMTB.sapMTB-Auto-CTX.sapMTBInactive.sapMTBNewFlex{ background-color: opaque !important;

}

Any idea on why it is not working?

Thanks

Harish

[arijit_das]

What do you mean by "filter header panel"? could you please provide screenshots?

[Former Member]

Arjit,

We will have header to every component where we can have some title for the dimension so i meant that.

Thanks

Harish

[Former Member]

Hi Arjit,

Thanks for the script, i am testing for the dimension filter in your script i have changed filterpanel to dimension filter and tested it doesn't work.

Thanks

Harish

[arijit_das]

Can you try this:

.myFilterPanel .sapMCLI.sapMLIB.sapMLIB-CTX.sapMLIBFocusable.sapMLIBShowSeparator.sapMLIBTypeInactive.sapzenfilterpanelM-ListItem{
    background: transparent;
}

.myFilterPanel .sapContrastPlus.sapMIBar.sapMIBar-CTX.sapMPageSubHeader.sapMSubHeader-CTX.sapMTB.sapMTB-Auto-CTX.sapMTBInactive.sapMTBNewFlex{
    background: transparent;
}