topic Responsive display of filter pane in Integration, Extension & APIs https://community.qlik.com/t5/Integration-Extension-APIs/Responsive-display-of-filter-pane/m-p/1306885#M7281 <HTML><HEAD></HEAD><BODY><P>Hi,</P><P>I am working on a Mashup that includes a filter pane.Somehow the display of the filter changes when resizing the window.<BR />As I want the Mashup to be adaptive to allow usage on IPads this bothers me a little.</P><P>I figured that the filter style is influenced by the css class <STRONG>qv-layout-...</STRONG><BR />With <STRONG>qv-layout-small</STRONG> the filter looks just like I want it to. But when I open the website in IPad size, this changes to <STRONG>qv-layout-medium</STRONG> and the contents of the filter categories are displayed as well.</P><P></P><P><IMG alt="good.PNG" class="jive-image image-1" height="213" src="https://community.qlik.com/legacyfs/online/159861_good.PNG" style="height: 212.888px; width: 345px;" title="What it should look like" width="345" /><IMG alt="bad.PNG" class="jive-image image-2" height="152" src="https://community.qlik.com/legacyfs/online/159862_bad.PNG" style="height: 152.477px; width: 468px;" title="What it looks like on IPad" width="468" /><IMG alt="layout.PNG" class="jive-image image-3" height="88" src="https://community.qlik.com/legacyfs/online/159866_layout.PNG" style="height: 88px; width: 727.467px;" title="CSS class that might cause it" width="727" /></P><P></P><P>Is there a way to avoid this?</P><P></P><P>I am glad for any input.</P></BODY></HTML> Wed, 12 Apr 2017 11:45:17 GMT Anonymous 2017-04-12T11:45:17Z Responsive display of filter pane https://community.qlik.com/t5/Integration-Extension-APIs/Responsive-display-of-filter-pane/m-p/1306885#M7281 <HTML><HEAD></HEAD><BODY><P>Hi,</P><P>I am working on a Mashup that includes a filter pane.Somehow the display of the filter changes when resizing the window.<BR />As I want the Mashup to be adaptive to allow usage on IPads this bothers me a little.</P><P>I figured that the filter style is influenced by the css class <STRONG>qv-layout-...</STRONG><BR />With <STRONG>qv-layout-small</STRONG> the filter looks just like I want it to. But when I open the website in IPad size, this changes to <STRONG>qv-layout-medium</STRONG> and the contents of the filter categories are displayed as well.</P><P></P><P><IMG alt="good.PNG" class="jive-image image-1" height="213" src="https://community.qlik.com/legacyfs/online/159861_good.PNG" style="height: 212.888px; width: 345px;" title="What it should look like" width="345" /><IMG alt="bad.PNG" class="jive-image image-2" height="152" src="https://community.qlik.com/legacyfs/online/159862_bad.PNG" style="height: 152.477px; width: 468px;" title="What it looks like on IPad" width="468" /><IMG alt="layout.PNG" class="jive-image image-3" height="88" src="https://community.qlik.com/legacyfs/online/159866_layout.PNG" style="height: 88px; width: 727.467px;" title="CSS class that might cause it" width="727" /></P><P></P><P>Is there a way to avoid this?</P><P></P><P>I am glad for any input.</P></BODY></HTML> Wed, 12 Apr 2017 11:45:17 GMT https://community.qlik.com/t5/Integration-Extension-APIs/Responsive-display-of-filter-pane/m-p/1306885#M7281 Anonymous 2017-04-12T11:45:17Z