<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Create FilterPane with Visualization API in Integration, Extension &amp; APIs</title>
    <link>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1830619#M15496</link>
    <description>&lt;P&gt;would you mind share a complete project?&lt;/P&gt;</description>
    <pubDate>Mon, 23 Aug 2021 19:33:31 GMT</pubDate>
    <dc:creator>katiepuran</dc:creator>
    <dc:date>2021-08-23T19:33:31Z</dc:date>
    <item>
      <title>Create FilterPane with Visualization API</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1688692#M12557</link>
      <description>&lt;P&gt;I am able to generate a filter pane with the following code, but the filter pane doesn't do anything when I click on the fields. Is there something I am doing wrong?&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;function appendFilterPane(parent){
		var app=qlik.currApp();
		var listbox1=app.visualization.create('listbox',["MonthYear"],{"showTitles": false,"title": "MonthYear","showDetails":true});
		var listbox2=app.visualization.create('listbox',["Date"],{"showTitles": false,"title": "Date","showDetails":true});
		var listbox3=app.visualization.create('listbox',["Events"],{"showTitles": true,"title": "Events","showDetails":false});
		var listbox4=app.visualization.create('listbox',["Qty"],{"showTitles":false,"title": "Qty","showDetails":false});
		Promise.all([listbox1,listbox2,listbox3,listbox4]).then(function(data) {
			app.visualization.create('filterpane', null,{}).then(function(container){ 
				for (var i = 0; i &amp;lt; data.length; i++) {
					data[i].model.getProperties().then(function(child) {
						container.model.createChild(child);
					});
				}
			container.show(parent);
			});
		});		
}&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="filterpane.PNG" style="width: 360px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/31254iF9B1792DD8BA7881/image-size/large?v=v2&amp;amp;px=999" role="button" title="filterpane.PNG" alt="filterpane.PNG" /&gt;&lt;/span&gt;&lt;/P&gt;</description>
      <pubDate>Sat, 16 Nov 2024 02:51:19 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1688692#M12557</guid>
      <dc:creator>devan9876</dc:creator>
      <dc:date>2024-11-16T02:51:19Z</dc:date>
    </item>
    <item>
      <title>Re: Create FilterPane with Visualization API</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1782282#M13829</link>
      <description>&lt;P&gt;Did you get this to work? It's a shame this isn't documented...&lt;/P&gt;</description>
      <pubDate>Fri, 12 Feb 2021 12:34:04 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1782282#M13829</guid>
      <dc:creator>jmr_itsn</dc:creator>
      <dc:date>2021-02-12T12:34:04Z</dc:date>
    </item>
    <item>
      <title>Re: Create FilterPane with Visualization API</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1782908#M13850</link>
      <description>&lt;P&gt;I found a way to make it work perfectly, it involves using getObject with the id of the created visualization instead of using the show function. An example:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;const createMyFieldFilter = async (app) =&amp;gt; {
  const listboxVis = await app.visualization.create('listbox', ['My Field'], {
    showTitle: false,
    title: 'My Field',
    showDetails: true,
  });

  const filterpaneVis = await app.visualization.create('filterpane', [], {
    qMeta: {
      privileges: ['read', 'update', 'delete', 'exportdata'],
    },
    qSelectionInfo: {},
    showTitles: false,
    title: '',
    subtitle: '',
    footnote: '',
    showDetails: false,
    visualization: 'filterpane',
  });

  listboxVis.model.getProperties().then((child) =&amp;gt; {
    filterpaneVis.model.createChild(child);
    app.getObject('myFieldFilter', filterpaneVis.id);
  });
};&lt;/LI-CODE&gt;</description>
      <pubDate>Tue, 16 Feb 2021 07:48:50 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1782908#M13850</guid>
      <dc:creator>jmr_itsn</dc:creator>
      <dc:date>2021-02-16T07:48:50Z</dc:date>
    </item>
    <item>
      <title>Re: Create FilterPane with Visualization API</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1803982#M14877</link>
      <description>&lt;P&gt;HI&amp;nbsp;&lt;a href="https://community.qlik.com/t5/user/viewprofilepage/user-id/126453"&gt;@jmr_itsn&lt;/a&gt;&amp;nbsp;,&lt;/P&gt;&lt;P&gt;Is filterpane only available in the latest version of the Viz Api? I am still using April 2019, and I cant get this to work?&lt;/P&gt;&lt;P&gt;Many Thanks,&lt;/P&gt;&lt;P&gt;Ryan Arpe&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Thu, 29 Apr 2021 20:01:09 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1803982#M14877</guid>
      <dc:creator>rarpecalibrate</dc:creator>
      <dc:date>2021-04-29T20:01:09Z</dc:date>
    </item>
    <item>
      <title>Re: Create FilterPane with Visualization API</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1804180#M14885</link>
      <description>&lt;P&gt;Hi, I'm not sure about whether it's compatible or not with April 2019. It worked on Feb 2020.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;In older versions I recommend you to not use qlik.sessionApp and instead use qlik.sessionAppFromApp so you can just do yourSessionApp.getObject.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;That way, you don't have to store all of your object's properties in the mashup and they can reside in a objects-only template&amp;nbsp; app. I found this way to be as performant as qlik.sessionApp alone and much more convenient.&lt;/P&gt;</description>
      <pubDate>Fri, 30 Apr 2021 12:40:37 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1804180#M14885</guid>
      <dc:creator>jmr_itsn</dc:creator>
      <dc:date>2021-04-30T12:40:37Z</dc:date>
    </item>
    <item>
      <title>Re: Create FilterPane with Visualization API</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1830619#M15496</link>
      <description>&lt;P&gt;would you mind share a complete project?&lt;/P&gt;</description>
      <pubDate>Mon, 23 Aug 2021 19:33:31 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/1830619#M15496</guid>
      <dc:creator>katiepuran</dc:creator>
      <dc:date>2021-08-23T19:33:31Z</dc:date>
    </item>
    <item>
      <title>Re: Create FilterPane with Visualization API</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/2090170#M18752</link>
      <description>&lt;P&gt;Did anyone find any stable solution?&lt;/P&gt;</description>
      <pubDate>Tue, 04 Jul 2023 02:24:13 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Create-FilterPane-with-Visualization-API/m-p/2090170#M18752</guid>
      <dc:creator>Manikandan_NJ</dc:creator>
      <dc:date>2023-07-04T02:24:13Z</dc:date>
    </item>
  </channel>
</rss>

