<?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: Javascript toggle navigation bar in Developer</title>
    <link>https://community.fabric.microsoft.com/t5/Developer/Javascript-toggle-navigation-bar/m-p/86061#M3045</link>
    <description>&lt;P&gt;What is the navigation panel, can you post a snapshot?&lt;/P&gt;</description>
    <pubDate>Fri, 04 Nov 2016 09:19:05 GMT</pubDate>
    <dc:creator>KumarDarmesh</dc:creator>
    <dc:date>2016-11-04T09:19:05Z</dc:date>
    <item>
      <title>Javascript toggle navigation bar</title>
      <link>https://community.fabric.microsoft.com/t5/Developer/Javascript-toggle-navigation-bar/m-p/85514#M3023</link>
      <description>&lt;P&gt;Hey,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I'm trying to embed a PowerBI report using the javascript api. The embedding itself already works fine, but how do i interact with the report now, for example toggle the visiblity of the navigation pane.&amp;nbsp;&lt;/P&gt;&lt;P&gt;This is the javascriptcode for the embedding:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;var models = window['powerbi-client'].models;&lt;/P&gt;&lt;P&gt;var $staticReportContainer = $('#iFrameReport');&lt;BR /&gt;var staticReport;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;var embedConfig = {&lt;/P&gt;&lt;P&gt;&amp;nbsp; &amp;nbsp; type: 'report',&lt;BR /&gt;&amp;nbsp; &amp;nbsp; embedUrl: '&lt;A href="https://app.powerbi.com/reportEmbed/" target="_blank"&gt;https://app.powerbi.com/reportEmbed/&lt;/A&gt;',&lt;BR /&gt;&amp;nbsp; &amp;nbsp; accessToken: document.getElementById('MainContent_accessToken').value,&lt;BR /&gt;&amp;nbsp; &amp;nbsp; id: '2ce50ab9-.......-e871bbihb78b3',&lt;BR /&gt;}&lt;/P&gt;&lt;P&gt;staticReport = powerbi.embed($staticReportContainer.get(0), embedConfig);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;So do I have to write now to turn the navigation pane on and off?&lt;/P&gt;&lt;P&gt;The sample on Github does not help.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Thank you!&lt;/P&gt;</description>
      <pubDate>Thu, 03 Nov 2016 10:08:43 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Developer/Javascript-toggle-navigation-bar/m-p/85514#M3023</guid>
      <dc:creator>NerdFlanders</dc:creator>
      <dc:date>2016-11-03T10:08:43Z</dc:date>
    </item>
    <item>
      <title>Re: Javascript toggle navigation bar</title>
      <link>https://community.fabric.microsoft.com/t5/Developer/Javascript-toggle-navigation-bar/m-p/86061#M3045</link>
      <description>&lt;P&gt;What is the navigation panel, can you post a snapshot?&lt;/P&gt;</description>
      <pubDate>Fri, 04 Nov 2016 09:19:05 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Developer/Javascript-toggle-navigation-bar/m-p/86061#M3045</guid>
      <dc:creator>KumarDarmesh</dc:creator>
      <dc:date>2016-11-04T09:19:05Z</dc:date>
    </item>
    <item>
      <title>Re: Javascript toggle navigation bar</title>
      <link>https://community.fabric.microsoft.com/t5/Developer/Javascript-toggle-navigation-bar/m-p/86066#M3046</link>
      <description>&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="This navigation pane, or the filter pane, too." style="width: 252px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/18718i640349F85E6CE49A/image-size/large?v=v2&amp;amp;px=999" role="button" title="Capture.PNG" alt="This navigation pane, or the filter pane, too." /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;This navigation pane, or the filter pane, too.&lt;/span&gt;&lt;/span&gt;﻿&lt;/P&gt;</description>
      <pubDate>Fri, 04 Nov 2016 09:25:35 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Developer/Javascript-toggle-navigation-bar/m-p/86066#M3046</guid>
      <dc:creator>NerdFlanders</dc:creator>
      <dc:date>2016-11-04T09:25:35Z</dc:date>
    </item>
    <item>
      <title>Re: Javascript toggle navigation bar</title>
      <link>https://community.fabric.microsoft.com/t5/Developer/Javascript-toggle-navigation-bar/m-p/90225#M3204</link>
      <description>&lt;P&gt;&lt;a href="https://community.fabric.microsoft.com/t5/user/viewprofilepage/user-id/10573"&gt;@NerdFlanders﻿&lt;/a&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Have you checked this sample?&lt;BR /&gt;&lt;A href="http://azure-samples.github.io/powerbi-angular-client/#/scenario6" target="_blank"&gt;http://azure-samples.github.io/powerbi-angular-client/#/scenario6&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;It calls&amp;nbsp;&lt;SPAN&gt;vm.toggleNavContentPaneClicked() function.&lt;/SPAN&gt;&lt;/P&gt;</description>
      <pubDate>Wed, 16 Nov 2016 09:05:32 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Developer/Javascript-toggle-navigation-bar/m-p/90225#M3204</guid>
      <dc:creator>Eric_Zhang</dc:creator>
      <dc:date>2016-11-16T09:05:32Z</dc:date>
    </item>
    <item>
      <title>Re: Javascript toggle navigation bar</title>
      <link>https://community.fabric.microsoft.com/t5/Developer/Javascript-toggle-navigation-bar/m-p/90259#M3205</link>
      <description>&lt;P&gt;&lt;a href="https://community.fabric.microsoft.com/t5/user/viewprofilepage/user-id/6971"&gt;@Eric_Zhang﻿&lt;/a&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Thank you! I know this sample&amp;nbsp;page, but i managed it to implement this function using this wiki&lt;/P&gt;&lt;P&gt;&lt;A href="https://github.com/Microsoft/PowerBI-JavaScript/wiki/Page-Navigation" target="_blank"&gt;https://github.com/Microsoft/PowerBI-JavaScript/wiki/Page-Navigation&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 16 Nov 2016 10:07:11 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Developer/Javascript-toggle-navigation-bar/m-p/90259#M3205</guid>
      <dc:creator>NerdFlanders</dc:creator>
      <dc:date>2016-11-16T10:07:11Z</dc:date>
    </item>
  </channel>
</rss>

