Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
I am working on a Mashup,
I am showing the current selections bar. I am curious if I can suppress the buttons on the right side of the bar? I don't want the users to be able to search or show the maximized selections pane.
I found that when I show an object there are some parameters like nointernaction and noselection to change the default functionality of an object. I can't find anything in the help files about the current selections object, are there some parameters that are not documented?
Thanks
Chris
So, let's just stick to hiding the entire button panel on the right. In the head of your html document, anywhere after qlik-styles.css is loaded, add the following
<style>
.buttons-end.borderbox {
display: none;
}
</style>
Just target with css
.buttons-end.borderbox {
display: none;
}
That will get rid of both buttons on the right, the dimension picker and search, and their containing box. You could also just target search button if you wanted
.buttons-end button.qv-subtoolbar-button:nth-child(1) {
display: none;
}
I am confident I am doing it wrong but is that intended to override an existing style?
I think I am referring to it incorrectly as all I did was add it to my stylesheet and nothing happened
Thanks for your help.
Hi, If you could please provide a little more clarification
this is the div statement that adds the current selections bar, would I add the css in this call? or something else
<div id="CurrentSelections" class="qvobjects buttons-end borderbox" style="position:relative; top:0; left:0; width:100%; height:35px;"> </div>
Thanks
So, let's just stick to hiding the entire button panel on the right. In the head of your html document, anywhere after qlik-styles.css is loaded, add the following
<style>
.buttons-end.borderbox {
display: none;
}
</style>
Ok, but where do I put the style?
this did not work and the way you have provided it I'm not sure where to put it.
<div id="CurrentSelections" class="qvobjects" style=" position:relative; top:0; left:0; width:100%; height:35px;"><style>
.buttons-end.borderbox {
display: none;
}
</style> </div>
Sorry for being a newbie on this.
Got it!!!! Thanks
The line suggested to the html right before the ending head tag.
Thanks So much
Awesome! Please mark question answered.