<?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: Hide Navigation Bar in App Development</title>
    <link>https://community.qlik.com/t5/App-Development/Hide-Navigation-Bar/m-p/2441246#M97332</link>
    <description>&lt;P&gt;If anyone is interested in this, I have managed to solve the problem.&lt;/P&gt;
&lt;P&gt;First switch on developer mode in your browser and find the css code for the Navigation bar, mine was set to css-35sjp0&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Markbhai_0-1713183940917.png" style="width: 400px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/164086iB358D99171C36DB6/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Markbhai_0-1713183940917.png" alt="Markbhai_0-1713183940917.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Next, add a Multi KPI Custom Visualisation Object to your sheet. - In the Appearance section and Styles put the following css into the Styles (CSS) box:&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;.css-35sjp0 {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;display:none;&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;}&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;(Making sure that the css code for the Nav bar is the same as the one you noted.&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Markbhai_1-1713184216564.png" style="width: 400px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/164087i7354A3C67DE46AB6/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Markbhai_1-1713184216564.png" alt="Markbhai_1-1713184216564.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Next make sure that you add a KPI to the MuliKPI visualisation you have added - or else it wont run the CSS code.&lt;/P&gt;
&lt;P&gt;I find this useful as I can now show a Qlik Dashboard in a iframe without showing the Nav bas, but still allowing the Toolbar to be shown.&lt;/P&gt;
&lt;P&gt;Thanks&lt;/P&gt;
&lt;P&gt;Mark.&lt;/P&gt;</description>
    <pubDate>Mon, 15 Apr 2024 12:32:22 GMT</pubDate>
    <dc:creator>Markbhai</dc:creator>
    <dc:date>2024-04-15T12:32:22Z</dc:date>
    <item>
      <title>Hide Navigation Bar</title>
      <link>https://community.qlik.com/t5/App-Development/Hide-Navigation-Bar/m-p/2439958#M97212</link>
      <description>&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Markbhai_0-1712783705393.png" style="width: 400px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/163849iA114D82F08AAF8D8/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Markbhai_0-1712783705393.png" alt="Markbhai_0-1712783705393.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;I am wanting to hide the navigation bar in my published app but retain the Toolbar (see image),&lt;/P&gt;
&lt;P&gt;Is there a way I can do this?&lt;/P&gt;
&lt;P&gt;Thanks&lt;/P&gt;
&lt;P&gt;Mark&lt;/P&gt;</description>
      <pubDate>Wed, 10 Apr 2024 21:16:24 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Hide-Navigation-Bar/m-p/2439958#M97212</guid>
      <dc:creator>Markbhai</dc:creator>
      <dc:date>2024-04-10T21:16:24Z</dc:date>
    </item>
    <item>
      <title>Re: Hide Navigation Bar</title>
      <link>https://community.qlik.com/t5/App-Development/Hide-Navigation-Bar/m-p/2441246#M97332</link>
      <description>&lt;P&gt;If anyone is interested in this, I have managed to solve the problem.&lt;/P&gt;
&lt;P&gt;First switch on developer mode in your browser and find the css code for the Navigation bar, mine was set to css-35sjp0&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Markbhai_0-1713183940917.png" style="width: 400px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/164086iB358D99171C36DB6/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Markbhai_0-1713183940917.png" alt="Markbhai_0-1713183940917.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Next, add a Multi KPI Custom Visualisation Object to your sheet. - In the Appearance section and Styles put the following css into the Styles (CSS) box:&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;.css-35sjp0 {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;display:none;&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;}&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;(Making sure that the css code for the Nav bar is the same as the one you noted.&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Markbhai_1-1713184216564.png" style="width: 400px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/164087i7354A3C67DE46AB6/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Markbhai_1-1713184216564.png" alt="Markbhai_1-1713184216564.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Next make sure that you add a KPI to the MuliKPI visualisation you have added - or else it wont run the CSS code.&lt;/P&gt;
&lt;P&gt;I find this useful as I can now show a Qlik Dashboard in a iframe without showing the Nav bas, but still allowing the Toolbar to be shown.&lt;/P&gt;
&lt;P&gt;Thanks&lt;/P&gt;
&lt;P&gt;Mark.&lt;/P&gt;</description>
      <pubDate>Mon, 15 Apr 2024 12:32:22 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Hide-Navigation-Bar/m-p/2441246#M97332</guid>
      <dc:creator>Markbhai</dc:creator>
      <dc:date>2024-04-15T12:32:22Z</dc:date>
    </item>
  </channel>
</rss>

