Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
Anonymous
Not applicable

Filter Pane Layout in Mashup

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?

good.PNGbad.PNGlayout.PNG

8 Replies
Yianni_Ververis
Employee
Employee

Hello Marco,

You just set the element with a min-height in your css and you should be fine

Best,

Yianni

Anonymous
Not applicable
Author

Thank you, but that does not do the trick. 😕

nikoskavroulaki
Contributor II
Contributor II

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?

Anonymous
Not applicable
Author

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

nikoskavroulaki
Contributor II
Contributor II

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

morenoju
Partner - Specialist
Partner - Specialist

I'd be interested too in having control over the way the Filter Pane is displayed (collapsed/expanded).

Thanks.

Anonymous
Not applicable
Author

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

dannyy81
Contributor III
Contributor III

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