Skip to main content Skip to complementary content

Working with properties

The property panel of a visualization will render itself using a property definition. This definition describes what the property panel should look like and how it is connected to the data.

Some parts of the properties are reusable but you can also define your own properties for your visualization.

Reusable properties

The following accordion items on the property panel can be reused when creating a property panel for your visualization:

  • Dimensions
  • Measures
  • Sorting
  • Add-ons
  • Appearance

Examples

This is the most basic example of a properties JavaScript file containing all reusable property panel accordion items.

The Appearance accordion item in the property panel is named settings in the code. See the example below.
define( [], function ( ) {
	
	return {
		type: "items",
		component: "accordion",
		items: {
			dimensions: {
				uses: "dimensions"
			},
			measures: {
				uses: "measures"
			},
			sorting: {
				uses: "sorting"
			},
			addons: {
				uses: "addons"
			},
			settings: {
				uses: "settings"
			}
		}
	};
 
});
 

Example extension property panel

Property panel

Custom properties

You can define your own properties for your visualization. Qlik Sense automatically adds them to the property panel and takes care of persistence. You then find the selected values in the layout parameter. For every property, you define a JavaScript object.

Did this page help you?

If you find any issues with this page or its content – a typo, a missing step, or a technical error – let us know how we can improve!