Leitart Wiki

Custom Html

There are two main options of Including your Html Content(both come with their pros and cons). For both you can set the HTML content and CSS of the extension.

TIP

You may need to disguise some Special characters like $ when using the Qlik expression editor.

Bind Html

This method uses the ng-bind-htmlopen in new window directive of angularjs.

Known Limits

Script Execution in this context is very limited and will mostlikely be blocked by security policies.

IFrame

This method is based on injecting an Html IFrameopen in new window at runtime. You can also inject script, which is run after loading the IFrame. The script has access to the window object of the main page using window.parent.yourWindowVar.

Example using jQuery

A common use case is using the already loaded jquery:

window.parent.jQuery('#yourElement').html('<p>Hello World</p>');

Known Issues

Firefox resolves Urls in the Iframe Html differently to normal page content. There are known issues loading content when setting the src Attribute of <img> tags to a Url including umlauts. This may also be the case for other special characters substituted in Urls by browsers.