<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Change Theme with Button in Move to Qlik Cloud Analytics</title>
    <link>https://community.qlik.com/t5/Move-to-Qlik-Cloud-Analytics/Change-Theme-with-Button/m-p/2496550#M2232</link>
    <description>&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;Hi profilejamesbon&lt;WBR /&gt;d,&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;Applying a theme to an app in Qlik Cloud will require communication with the Qlik Engine API's. So, if your requirement is limited to changing the theme in the app, you will either:&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;1. Have to create (or find an existing) extension, that handles this specific use case for theme selection through a button click.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;or&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;2. Bind the button click to an automation, that calls an API endpoint of a service that communicates with the Qlik Engine API. You can find the documentation for the Qlik Engine API here:&amp;nbsp;&lt;A href="https://help.qlik.com/en-US/sense-developer/November2024/Subsystems/EngineAPI/Content/Sense_EngineAPI/introducing-engine-API.htm" target="_blank" rel="noopener"&gt;Qlik Engine JSON API | Qlik Sense for developers Help&lt;/A&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;Alternatively, if possible, you can structure the app in a way where colors, fonts etc are based on variables, and layout containers with show/hide conditions are used if needed. Then, you would instead bind the button to an action, that sets a particular value of a controlling variable (i.e. a variable that holds the value of the currently selected theme). All colors, fonts and etc used are then defined as variables, based upon the value of the controlling value. An example of this could be:&lt;BR /&gt;&lt;BR /&gt;&lt;STRONG&gt;Controlling variable for theme:&lt;/STRONG&gt; &lt;BR /&gt;Name: vThemeSelected&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;Default value = 'Theme 1'&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;STRONG&gt;Sheet background color variable:&lt;/STRONG&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;Name: vSheetBackgroundColor&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;Value: If(vThemeSelected='Theme 1', '#ffffff', If vThemeSelected = 'Theme 2', '#000000', etc...&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;... and so on for all variables.&lt;BR /&gt;&lt;BR /&gt;An alternative to the latter solution, is defining the theme and color bindings in the data model, so when a theme is selected, the Qlik data model binding handles the selections instead of the many if-statements and variables.&lt;BR /&gt;&lt;BR /&gt;&lt;/DIV&gt;
&lt;DIV id="messageEditor_272e4a9599f49a_0" class="MessageEditor"&gt;&lt;A id="previewButton_272e4a9599f49a_8fa7f" class="lia-link-navigation lia-message-editor-preview-button" href="https://community.qlik.com/t5/Move-to-SaaS/Change-Theme-with-Button/td-p/2496503#" target="_blank" rel="noopener"&gt;&amp;nbsp;&lt;/A&gt;&lt;/DIV&gt;</description>
    <pubDate>Fri, 06 Dec 2024 12:58:29 GMT</pubDate>
    <dc:creator>PythonMCSJ</dc:creator>
    <dc:date>2024-12-06T12:58:29Z</dc:date>
    <item>
      <title>Change Theme with Button</title>
      <link>https://community.qlik.com/t5/Move-to-Qlik-Cloud-Analytics/Change-Theme-with-Button/m-p/2496503#M2231</link>
      <description>&lt;P&gt;Hi,&lt;/P&gt;
&lt;P&gt;I want to change App theme and some times the apearance of the object using Button.&lt;/P&gt;
&lt;P&gt;I mean, I publish an app theme a and there is a button or toggle button which said apply black theme.&lt;/P&gt;
&lt;P&gt;Now,&amp;nbsp;How to do it? Is there a way to toggle the themes in the Qlik SaaS App ?&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Thanks&lt;/P&gt;</description>
      <pubDate>Tue, 27 Jan 2026 10:45:26 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Move-to-Qlik-Cloud-Analytics/Change-Theme-with-Button/m-p/2496503#M2231</guid>
      <dc:creator>profilejamesbond</dc:creator>
      <dc:date>2026-01-27T10:45:26Z</dc:date>
    </item>
    <item>
      <title>Re: Change Theme with Button</title>
      <link>https://community.qlik.com/t5/Move-to-Qlik-Cloud-Analytics/Change-Theme-with-Button/m-p/2496550#M2232</link>
      <description>&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;Hi profilejamesbon&lt;WBR /&gt;d,&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;Applying a theme to an app in Qlik Cloud will require communication with the Qlik Engine API's. So, if your requirement is limited to changing the theme in the app, you will either:&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;1. Have to create (or find an existing) extension, that handles this specific use case for theme selection through a button click.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;or&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;2. Bind the button click to an automation, that calls an API endpoint of a service that communicates with the Qlik Engine API. You can find the documentation for the Qlik Engine API here:&amp;nbsp;&lt;A href="https://help.qlik.com/en-US/sense-developer/November2024/Subsystems/EngineAPI/Content/Sense_EngineAPI/introducing-engine-API.htm" target="_blank" rel="noopener"&gt;Qlik Engine JSON API | Qlik Sense for developers Help&lt;/A&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;Alternatively, if possible, you can structure the app in a way where colors, fonts etc are based on variables, and layout containers with show/hide conditions are used if needed. Then, you would instead bind the button to an action, that sets a particular value of a controlling variable (i.e. a variable that holds the value of the currently selected theme). All colors, fonts and etc used are then defined as variables, based upon the value of the controlling value. An example of this could be:&lt;BR /&gt;&lt;BR /&gt;&lt;STRONG&gt;Controlling variable for theme:&lt;/STRONG&gt; &lt;BR /&gt;Name: vThemeSelected&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;SPAN class="UserName lia-user-name lia-user-rank-Creator"&gt;&lt;SPAN class="lia-link-navigation lia-page-link lia-link-disabled lia-user-name-link" aria-disabled="true"&gt;&lt;SPAN class=""&gt;Default value = 'Theme 1'&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;&lt;STRONG&gt;Sheet background color variable:&lt;/STRONG&gt;&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;Name: vSheetBackgroundColor&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;Value: If(vThemeSelected='Theme 1', '#ffffff', If vThemeSelected = 'Theme 2', '#000000', etc...&lt;/DIV&gt;
&lt;DIV class="lia-inline-reply-author"&gt;... and so on for all variables.&lt;BR /&gt;&lt;BR /&gt;An alternative to the latter solution, is defining the theme and color bindings in the data model, so when a theme is selected, the Qlik data model binding handles the selections instead of the many if-statements and variables.&lt;BR /&gt;&lt;BR /&gt;&lt;/DIV&gt;
&lt;DIV id="messageEditor_272e4a9599f49a_0" class="MessageEditor"&gt;&lt;A id="previewButton_272e4a9599f49a_8fa7f" class="lia-link-navigation lia-message-editor-preview-button" href="https://community.qlik.com/t5/Move-to-SaaS/Change-Theme-with-Button/td-p/2496503#" target="_blank" rel="noopener"&gt;&amp;nbsp;&lt;/A&gt;&lt;/DIV&gt;</description>
      <pubDate>Fri, 06 Dec 2024 12:58:29 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Move-to-Qlik-Cloud-Analytics/Change-Theme-with-Button/m-p/2496550#M2232</guid>
      <dc:creator>PythonMCSJ</dc:creator>
      <dc:date>2024-12-06T12:58:29Z</dc:date>
    </item>
  </channel>
</rss>

