Skip to main content
Announcements
Join us at Qlik Connect for 3 magical days of learning, networking,and inspiration! REGISTER TODAY and save!
cancel
Showing results for 
Search instead for 
Did you mean: 
mary_papadopoulou
Partner - Contributor II
Partner - Contributor II

How to Disable or Hide Selection Bar

Hi, 

I have a request to hide the selections bar on the top. 

Is there a way to use css code to hide the selection menu?

Thank you! 

Labels (3)
1 Solution

Accepted Solutions
Sohan_Patil
Contributor III
Contributor III

Hi,

For removing selection bar in which sheet of qlik you to remove it open the inspect window and search for the class name as highlighted below. 

Sohan_Patil_1-1701790389384.png

In multi kpi styles add this css:

.css-10f4c7e {
display:none;
}

Before adding css:

Sohan_Patil_2-1701790728869.png

after adding css:

Sohan_Patil_3-1701790775854.png

 

 

 

View solution in original post

8 Replies
Sohan_Patil
Contributor III
Contributor III

Hi,

For removing selection bar in which sheet of qlik you to remove it open the inspect window and search for the class name as highlighted below. 

Sohan_Patil_1-1701790389384.png

In multi kpi styles add this css:

.css-10f4c7e {
display:none;
}

Before adding css:

Sohan_Patil_2-1701790728869.png

after adding css:

Sohan_Patil_3-1701790775854.png

 

 

 

therealdees
Creator III
Creator III

Use this:

 

.MuiGrid-wrap-xs-nowrap{
display: none !important;
}

 

 

You can also play around with other elements setting 'none' as attribute:

 

div[id="qs-toolbar-container"] {
display: none !important;
}
.MuiGrid-wrap-xs-nowrap{
display: none !important;
}
.sheet-title-container {
display: none !important;
}

mary_papadopoulou
Partner - Contributor II
Partner - Contributor II
Author

Unfortunately, that didn't work.. 

mary_papadopoulou
Partner - Contributor II
Partner - Contributor II
Author

Unfortunately, I can't find the class name you've noted for me.

I inspect the window from the developers tools. But it seems that I cant see the any name or Id.

Also, it seems that I cant see the class that you see. At the top, I see  class="qv-client qv-sheet-enabled qv-view-sheet" not the  "sprout -toolbar-enabled" .

Can you explain how you open the inspect window?

Thank you!!!

therealdees
Creator III
Creator III

This should work... I use this in all of my reports and it's a main element, not a dynamic class, so the name should be the same.

If it's not working you're probably not pasting it identically or not pasting it into a multi kpi css dedicated expression window.

 

 

disablingdisablingresult with selected filtersresult with selected filters

mary_papadopoulou
Partner - Contributor II
Partner - Contributor II
Author

I use the multi KPI like this but it's not working.  I am using the Enterprise not the Cloud. Could this be the issue?

 

mary_papadopoulou_0-1701871678270.png

 

therealdees
Creator III
Creator III

Oh, that must be it! I'm sorry.

I use this in qlik SaaS. I'm not sure how other plataforms work, but you could try looking for the element in the css editor if you're routing the view to a browser via localhost.

 

Press F12 to open the css inspector and click on the inspect tool that will allow you to hover/click on an element and see the element class or id. It's a bit tricky because there are different nested divs and you should aim for the parent div to hide the complete "section".

mary_papadopoulou
Partner - Contributor II
Partner - Contributor II
Author

It worked but I had to put a dummy kpi as a measure to read the css part.