Custom CSS Not Working for Dimension Filter

[Former Member]

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.

[Former Member]

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

[Former Member]

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

[Former Member]

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.

[Former Member]

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

[Former Member]

Hi,

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

display:none;
}

Br

Kim Mutikainen