Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
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!
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.
In multi kpi styles add this css:
.css-10f4c7e {
display:none;
}
Before adding css:
after adding css:
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.
In multi kpi styles add this css:
.css-10f4c7e {
display:none;
}
Before adding css:
after adding css:
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;
}
Unfortunately, that didn't work..
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!!!
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.
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?
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".
It worked but I had to put a dummy kpi as a measure to read the css part.