Skip to Content
avatar image
Former Member

Custom CSS Not Working for Dimension Filter

Hi all,

I am trying to hide the Select ALL/Unselect all option in the dimension filter component using custom CSS. The reason being, we have a dimension filter which is mapped to a dimension with 10,000+rows of data and when we click on select all/un select all check box icon, the application hangs and we have to close and open the application again. When i modify the CSS in IE using F12 DOM Explorer, it reflects the change. But if i copy the class with modified rules and put a custom css and assign it to application it is not reflecting. Here is the CSS i am trying to apply,

.sapUiTableCHdr .sapUiTableColHdrCnt {
display:none;
}

Here is what i am trying to achieve, I want to hide the Text and Check ALL icon header columns below the search bar as shown in the image below. I have tried searching the group, didn't find any solution for this. Appreciate any help/Advise on this.

uhwj9.png (10.3 kB)
sif24.png (12.0 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

5 Answers

  • avatar image
    Former Member
    Oct 27, 2016 at 10:36 AM

    Hi,

    Have you tried .sapzenfilterpanel-PopupContainerDialog .sapUiTableCHdr .sapUiTableColHdrCnt {

    display:none;
    }

    Br

    Kim Mutikainen

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Nov 01, 2016 at 07:33 PM

    Hi Kim,

    Thanks for the reply. It worked. However, i have 5 dimension filters in my app and i want to hide the text and check all header only for 2 out of 5 dimension filters. If i use the css you mentioned, it hides the text and check all header for all the dimension filters in the app. I tried to modify the css u mentioned by adding .fil class in the css as shown below and assigned fil class in the property sheet to the 2 dimension filters for which i want to hide the text and check all header. But its not working. it still shows the header for those 2 dimension filters.

    Here is the modified CSS. Am i missing something? again thanks for your help on this.

    .fil .sapzenfilterpanel-PopupContainerDialog .sapUiTableCHdr .sapUiTableColHdrCnt {

    display:none;
    }

    Regards,

    Nithin

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Oct 27, 2016 at 02:45 PM

    Hi Kim,

    Thanks for the reply. It worked. However, i have 5 dimension filters in my app and i want to hide the text and check all header only for 2 out of 5 dimension filters. If i use the css you mentioned, it hides the text and check all header for all the dimension filters in the app. I tried to modify the css u mentioned by adding .fil class in the css as shown below and assigned fil class in the property sheet to the 2 dimension filters for which i want to hide the text and check all header. But its not working. it still shows the header for those 2 dimension filters.

    Here is the modified CSS. Am i missing something? again thanks for your help on this.

    .fil .sapzenfilterpanel-PopupContainerDialog .sapUiTableCHdr .sapUiTableColHdrCnt {

    display:none;
    }

    Regards,

    Nithin

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Oct 28, 2016 at 09:06 AM

    Hi,

    I am not sure if the default class then has priority and therefore your custom class is not working.

    Try adding !important like this:

    display:none !important;

    Can do some testing myself at some point but don't have the time now.

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Oct 28, 2016 at 04:51 PM

    Kim,

    I added display:none !important; still it isn't working. Please let me know if you think of anything which can resolve this issue.

    Regards,

    Nithin

    Add comment
    10|10000 characters needed characters exceeded