Load HTML snippet into Extension Object

Mon, 26 Jan 2026 16:26:21 GMT

I'm trying to work more efficiently and test my extension object in a browser before bringing it into QV.

To do this, I need to have a stand-alone HTML to test on the browser. To avoid duplication, I want to import the relevant section of the stand-alone HTML into the QV extension object.

I attempted to do it as follows...

Add empty container during document load
$('div[title="extension"] ~ .QvContent').append("<div id='container'></div>");
Use the jQuery load method to import the relevant section of the stand-alone HTML doc
$("#container").load(template_path + "extension.html #snippet"

The problem I have is how to get the correct URL to address the HTML file which is on my local hard drive.

I tried

absolute referencing from the root of my C drive
the same reference that Qv uses for loading extension object components
Qva.Remote + "?public=only&name=Extensions/CB/extension/"
moving the source HTML doc to the Program Files\QlikView folder

None of these attempts have worked, can anyone advise if this is possible?

Sample code...

var template_path = Qva.Remote + "?public=only&name=Extensions/CB/extension/";

function extension_Init() {

// Use QlikView's method of loading other files needed by an extension.

// These files should be added to your extension .zip file (.qar)

if (typeof jQuery == 'undefined') {

console.log('Loading jQuery...')

Qva.LoadScript(template_path + 'jquery.js', extension_Done);

}

else {

console.log('jQuery already loaded...')

extension_Done();

}

function extension_Done() {

//Add extension

Qva.AddExtension('CB/extension', function () {

//Load a CSS style sheet

Qva.LoadCSS(template_path + "extension.css");

var _this = this;

//Add empty container

$('div[title="extension"] ~ .QvContent').append("<div id='container'></div>");

//execute after doc loaded

$(document).ready(function () {

console.log('trying to load from ' + template_path);

$("#container").load(template_path + "extension.html #snippet",

function (response, status, xhr) {

var msg = 'body loaded status :';

if (status == 'error') {

console.error(msg + xhr.status + " " + xhr.statusText)

} else {

console.log(msg + 'Succsess')

}

console.log(msg + 'Complete')

})

});

}

//Initiate extension

extension_Init();

topic Load HTML snippet into Extension Object in QlikView

Load HTML snippet into Extension Object