Qlik Sense example extension with switchable user custom properties

Qlik_Sense_example_extension_with_switchable_user_custom_properties.js

/**
* @owner Ralf Becher, irregular.bi
*/
define( ["jquery", "qlik"],
function ($, qlik) {
	return {
		//property panel
		definition: {
			type: "items",
			component: "accordion",
			items: {
				settings: {
					uses: "settings",
					items: {
						testProp1: {
							ref: "testProp1",
							type: "string",
							label: "Property 1",
							defaultValue: "default1"
						},				
						optionalProp: {
							ref: "optionalProp",
							type: "boolean",
							label: "Optional Property",
							defaultValue: false
						},				
						testProp2: {
							ref: "testProp2",
							type: "string",
							label: "Property 2",
							defaultValue: "default2",
							show: function(layout) { return layout.optionalProp } 
						},
						testProp3: {
							ref: "testProp3",
							type: "string",
							label: "Property 3",
							defaultValue: "default3",
							show: function(layout) { return layout.optionalProp } 
						}
					}					
				}
			}
		},
		snapshot: {
			canTakeSnapshot: true
		},
		paint: function ($element, layout) {
			console.log(layout);
			var output = layout;
			delete output.qInfo;
			delete output.qSelectionInfo;
			delete output.metadata;
			delete output.showTitles;
			delete output.title;
			delete output.subtitle;
			delete output.footnote;
			delete output.visualization;
			$element.html( "Custom Properties Test:<br>"+JSON.stringify(output, null, "<br>") );
		}
	};
} );