Skip to main content

Integration, Extension & APIs

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

Announcements
Welcome to Qlik Community! Check out our new navigation! FIND OUT MORE
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?