Skip to main content

App Development

Discussion board where members can learn more about Qlik Sense App Development and Usage.

Announcements
Skip the ticket, Chat with Qlik Support instead for instant assistance.
cancel
Showing results for 
Search instead for 
Did you mean: 
SwathiSingh
Contributor II
Contributor II

How to have QlikSense 's Breeze theme on Mash-Up for an App

Hello Everyone,

I need help on Mash up theme. I have a qliksense app that is using 'Sense Breeze' theme. But, when I open this same app in mashup all objects defaulting to other theme color. I do know many in community have pointed out to use apply theme method: 

qlik.theme.apply('my-theme-id').then(function(result){

alert('theme applied with result: ' + result);

});

When I add this under  : app = qlik.openApp('app ID', config);  the above line gives me result as false.

I am not sure what changes I need to add or is there any other solution to make it work. Also, I did not understand what to exactly to place in 'my-theme-id'.

Please guide me on this.

Thanks.

 

 

Labels (3)
1 Solution

Accepted Solutions
SwathiSingh
Contributor II
Contributor II
Author

Update: Answer found

I was able to find Qlik sense breeze theme id using this: 

qlik.getThemeList().then(function(list){ var str = ""; list.forEach(function(value) { str += value.name + '(' + value.id + ")\n"; }); alert(str); });

Then I later applied this below script in mashup to get breeze theme:

qlik.theme.apply('breeze').then(function(result){

alert('theme applied with result: ' + result);

});

View solution in original post

1 Reply
SwathiSingh
Contributor II
Contributor II
Author

Update: Answer found

I was able to find Qlik sense breeze theme id using this: 

qlik.getThemeList().then(function(list){ var str = ""; list.forEach(function(value) { str += value.name + '(' + value.id + ")\n"; }); alert(str); });

Then I later applied this below script in mashup to get breeze theme:

qlik.theme.apply('breeze').then(function(result){

alert('theme applied with result: ' + result);

});