This example loads a few objects, clears the initial selection and calls a bookmark.
Example
Reference to QlikView JavaScript file
<script language="javascript" type="text/javascript" src="http://SERVER_URL/QVAJAXZfc/htc/QvAjax.js"></script> Source code (HTML header)
JavaScript code placed in the header of the HTML file to initialize the QlikView objects.
var qvDoc;
Init1 = function () {
qvDoc = Qv.GetCurrentDocument();
// Ensure that at all selection are cleared
qvDoc.Clear();
// Select a bookmark (in this case the bookmark with the ID Document\BM01)
qvDoc.Bookmarks().SelectBookmark("Document\\\BM01");
}
Init2= function() {
$(window).on('resize', function() {
$("[qvobject]").trigger('qvresize');
});
}
Qv.InitWorkBench({
View: 'Retail Store Performance',
BodyOnLoadFunctionNames: ['Init1', 'Init2'],
Host: null
});Information note
Set the Host property to null or omit it if you want to use the default QlikView server connection for the web server, defined by DefaultQvs in the web server configuration file (C:\ProgramData\QlikTech\WebServer\config.xml). The Host property must be defined if several QlikView server connections exist for the web server.
Source code (CSS definition)
<style>
.qvcontainer {
display: flex;
flex-direction: column;
height:100vh;
margin:0px;
}
.qvitem {
flex-grow: 1;
margin:20px;
}
</style>Div integration
DIV blocks to place the QlikView objects within your web page.
<body class="qvcontainer">
<div class="qvitem" qvobject="CS04"></div>
<div class="qvitem" qvobject="LB221"></div>
<div class="qvitem" qvobject="CH169"></div>
</body>
