Get started with the Bookmark API

Note: Where possible, use qlik-embed and qlik/api rather than this framework.

The Bookmark API contains methods to work with bookmarks on the Qlik Sense app you are connected to.

You must connect to the Qlik Sense app before applying existing, or creating new bookmarks. You do this with the qlik.openApp method.

const config = {
  host: '<TENANT_URL>',
  prefix: '/',
  port: 443,
  isSecure: true,
  webIntegrationId: '<WEB_INTEGRATION_ID>'
};
require.config({
  baseUrl: `https://${config.host}/resources`,
  webIntegrationId: config.webIntegrationId
});
require(["js/qlik"], (qlik) =>{
  qlik.on('error', (error) => console.error(error));
  
  //open apps -- inserted here --
  const app = qlik.openApp('<APP_ID>', config);
  //apply a bookmark
  app.bookmark.apply('pPvpTN');
});

Examples of use

Learn what you can do with the Bookmark API.

Create a new bookmark based on current selection

Use the qlik.app.bookmark.create method to create a bookmark based on the current selection.

require(["js/qlik"], (qlik) => {
  //open apps -- inserted here --
  const app = qlik.openApp('<APP_ID>', config);
  //create a bookmark
  app.bookmark.create('Test','Test bookmark','fmcJkH');
}

Apply an existing bookmark

Use the qlik.app.bookmark.apply method to apply an existing bookmark.

const config = {
  host: '<TENANT_URL>',
  prefix: '/',
  port: 443,
  isSecure: true,
  webIntegrationId: '<WEB_INTEGRATION_ID>'
};
require(["js/qlik"], (qlik) =>{
  //open apps -- inserted here --
  const app = qlik.openApp('<APP_ID>', config);
  //apply a bookmark
  app.bookmark.apply('pPvpTN');
});

Remove a bookmark that you have applied

Use the qlik.app.bookmark.remove method to remove an existing bookmark.

const config = {
  host: '<TENANT_URL>',
  prefix: '/',
  port: 443,
  isSecure: true,
  webIntegrationId: '<WEB_INTEGRATION_ID>'
};
require(["js/qlik"], (qlik) => {
  //open apps -- inserted here --
  const app = qlik.openApp('<APP_ID>', config);
  //remove a bookmark
  app.bookmark.remove('pPvpTN');
});