Skip to Content
avatar image
Former Member

Making filter bar and dimension filter background color opaque or transparent

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

Add comment
10|10000 characters needed characters exceeded

  • 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

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

  • Get RSS Feed

2 Answers

  • avatar image
    Former Member
    May 07 at 01:48 AM

    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

    Add comment
    10|10000 characters needed characters exceeded

  • May 04 at 07:31 PM

    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;
    }
    Add comment
    10|10000 characters needed characters exceeded