Qlik Community

Integration, Extension & APIs

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

Announcements
Customer & Partners, DEC. 9, 11 AM ET: Qlik Product & Strategy Roadmap Session: Data Analytics REGISTER NOW
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?