topic Re: How to Disable or Hide Selection Bar in App Development

How to Disable or Hide Selection Bar

mary_papadopoulou — Fri, 15 Nov 2024 21:12:12 GMT

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!

Re: How to Disable or Hide Selection Bar

Sohan_Patil — Tue, 05 Dec 2023 15:40:35 GMT

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:

Re: How to Disable or Hide Selection Bar

pedrohenriqueperna — Tue, 05 Dec 2023 15:58:40 GMT

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;
}

Re: How to Disable or Hide Selection Bar

mary_papadopoulou — Wed, 06 Dec 2023 12:03:58 GMT

Unfortunately, that didn't work..

Re: How to Disable or Hide Selection Bar

mary_papadopoulou — Wed, 06 Dec 2023 12:16:29 GMT

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!!!

Re: How to Disable or Hide Selection Bar

pedrohenriqueperna — Wed, 06 Dec 2023 13:36:53 GMT

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.

disablingresult with selected filters

Re: How to Disable or Hide Selection Bar

mary_papadopoulou — Wed, 06 Dec 2023 14:11:40 GMT

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?

Re: How to Disable or Hide Selection Bar

pedrohenriqueperna — Wed, 06 Dec 2023 14:22:22 GMT

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".

Re: How to Disable or Hide Selection Bar

mary_papadopoulou — Mon, 11 Dec 2023 09:59:47 GMT

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