Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
Hi, I am having a hard time figuring this one out.
I have a responsive mashup that can also be accessed in mobile browsers. The resizing of most elements works just fine. Only filter panes behave strangely and is sometimes shown with collapsed entries and at other times not.
What I could find is a css class called qv-layout-... being changed from qv-layout-small to qv-layout-medium or xsmall. This class might be causing the issue.
Is there a way to fix the qv-layout-.. class so that the filter pane always looks the same?
Hello Marco,
You just set the element with a min-height in your css and you should be fine
Best,
Yianni
Thank you, but that does not do the trick. 😕
Hi Marco,
Did you managed to solve the issue?
We have the same issue we want the filter pane always collapsed is there any way to achieve that?
Hey Nikolaos,
sorry to hear that you are facing the same issue.
Unfortunately I did not solve this problem yet as we are facing other, more urgent problems with qlik that I need to tackle first.
When I have some time at my handy I will try to build a custom filter pane extension. If I manage to solve this problem I will notify you. Maybe you could keep me in the loop as well if you find a solution?
Thanks and kind regards,
Marco
Hello Yiannis,
This did not work for me as well.
Could you possibly explain in more detail how to force the Filter Pane always in a collapsed status?
Best,
Nikolaos
I'd be interested too in having control over the way the Filter Pane is displayed (collapsed/expanded).
Thanks.
For the more adventurous have a look at this Blog Post Mashup Editor - Create a Bootstrap Drop Down selection menu
I've used this technique and it is a great concept that works well, as well a good way to get your hands dirty with some html / javascript / bootstrap / jquery
you can change the class name "qv-layout-small" by jquery its easy
$(".qv-layout-small").removeClass(".qv-layout-small").addClass(". qv-layout-medium")
etc...