How to add filter pane visualization in extension ?

[sanket8397]

I want to create extension in Qlik Sense. I want to add filter pane visualization. By clicking on button , filter pane visualization should appear. Please suggest.

[dannyy81]

use visualization app on the fly

app.visualization.create(
'listbox',
[
field

],
{
"showTitles": true,
"qInitialDataFetch": [
{
"qHeight": 1,
"qWidth": 1
}
]

}

).show('#elm1')

[devan9876]

I could never fully get this to completely work but  the closest I came was with this code.

		function appendFilterPane(parent){
		var app=qlik.currApp();
		var listbox1=app.visualization.create('listbox',["FieldName1"],{"showTitles": false,"title": "Label1","showDetails":true});
		var listbox2=app.visualization.create('listbox',["FieldName2"],{"showTitles": false,"title": "Label2","showDetails":true});
		var listbox3=app.visualization.create('listbox',["FieldName3"],{"showTitles": true,"title": "Label3","showDetails":true});
		Promise.all([listbox1,listbox2,listbox3]).then(function(data) {
			app.visualization.create('filterpane', null,{}).then(function(container){ 
				for (var i = 0; i < data.length; i++) {
					data[i].model.getProperties().then(function(child) {
						container.model.createChild(child);
					});
				}
			container.show(parent);
			});
		});
		
		}

[katiepuran]

can you share complete project?