topic Re: Filter Pane Layout in Mashup in Integration, Extension & APIs

Filter Pane Layout in Mashup

Anonymous — Thu, 20 Apr 2017 13:15:45 GMT

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?

Re: Filter Pane Layout in Mashup

Yianni_Ververis — Fri, 21 Apr 2017 09:14:48 GMT

Hello Marco,

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

Best,

Yianni

Re: Filter Pane Layout in Mashup

Anonymous — Fri, 05 May 2017 11:25:15 GMT

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

Re: Filter Pane Layout in Mashup

nikoskavroulaki — Fri, 25 Aug 2017 14:38:59 GMT

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?

Re: Filter Pane Layout in Mashup

Anonymous — Mon, 28 Aug 2017 09:15:00 GMT

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

Re: Filter Pane Layout in Mashup

nikoskavroulaki — Thu, 31 Aug 2017 15:27:42 GMT

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

Re: Filter Pane Layout in Mashup

morenoju — Mon, 20 Nov 2017 18:32:55 GMT

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

Thanks.

Re: Filter Pane Layout in Mashup

Anonymous — Mon, 20 Nov 2017 19:21:52 GMT

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

Re: Filter Pane Layout in Mashup

dannyy81 — Fri, 04 Oct 2019 11:53:50 GMT

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