Qlik Community

Integration, Extension & APIs

Discussion board where members can learn more about Integration, Extensions and API’s for Qlik Sense.

Announcements
Support Case Portal has moved to Qlik Community! Read the FAQs to start exploring Support resources.
cancel
Showing results for 
Search instead for 
Did you mean: 
sanket8397
Contributor II
Contributor II

How to add filter pane visualization in extension ?

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.

3 Replies
dannyy81
Contributor III
Contributor III

use visualization app on the fly

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

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

}

).show('#elm1')

devan9876
Creator
Creator

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
Contributor II
Contributor II

can you share complete project?