Hello world (extension example)

The Hello World code example demonstrates the absolute minimal requirements for a visualization.

Finding the code examples

In a Qlik Sense Desktop environment, you find the code examples in ...\Users\<UserName>\Documents\Qlik\Examples\Extensions.

In a Qlik Sense environment, you find the code examples in ...\ProgramData\Qlik\Examples\Extensions.

Full code example

com-qliktech-helloworld.qext

{ "name" : "Hello World", "description" : "Hello World example", "preview": "helloworld.png", "type" : "visualization", "version": "1.0", "author": "QlikTech International" }

com-qliktech-helloworld.js

define( [ ], function ( ) { return { paint: function ($element) { $element.html( "Hello world!!" ); } }; } );

Code example breakdown

1. Edit the applicable fields of the qext file to set a default title, description, icon and type.

2. Implement the paint function to render the text.

   define( [ ], function ( ) { return { paint: function ($element) { $element.html( "Hello world!!" ); } }; } );