Skip to main content
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.

Reply
Anonymous
Not applicable

Power bi embed html "This content isn't available."

‎04-04-2017 08:01 AM

Hello Community,

I have tried to implement a Power BI Embdeed webpage via this simple HTML sample below:

 

 <html>
 
  <script type="text/javascript">
        window.onload = function () {
		 
            // client side click to embed a selected report.
              
            // handle server side post backs, optimize for reload scenarios
            // show embedded report if all fields were filled in.
            var accessTokenElement = document.getElementById('MainContent_accessTokenTextbox');
			 
            if(null !== accessTokenElement){
                var accessToken = accessTokenElement.value;
				 
                if ("" !== accessToken)
                    updateEmbedReport();
            }
        };

        // The embedded report posts message for errors to parent window.  listen and handle as appropriate
        function receiveMessage(event)
        {
            if (event.data) {
                try {
                    messageData = JSON.parse(event.data);
                    if (messageData.event === "reportPageLoaded")
                    {
                    }
                }
                catch (e) {
                    // do something smart
                }
            }
        }

        var valB = false;

        // update embed report
        function updateEmbedReport() {

            // check if the embed url was selected
            //var embedUrl = document.getElementById('tb_EmbedURL').value;
			var embedUrl="https://embedded.powerbi.com/appTokenReportEmbed?reportId=9xxxxx9c18"
            if ("" === embedUrl)
                return;

            // to load a report do the following:
            // 1: set the url
            // 2: add a onload handler to submit the auth token
            iframe = document.getElementById('iFrameEmbedReport');
            iframe.src=embedUrl;
            iframe.onload = postActionLoadReport;
        }

        
        // post the auth token to the iFrame. 
        function postActionLoadReport() {

            // get the access token.
            accessToken = document.getElementById('MainContent_accessTokenTextbox').value;

            // return if no a
            if ("" === accessToken)
                return;

            // construct the push message structure
            // this structure also supports setting the reportId, groupId, height, and width.
            // when using a report in a group, you must provide the groupId on the iFrame SRC
            var m = {
                action: "loadReport", accessToken: accessToken
                //oDataFilter: "Table/id eq 'B'",
                //filterPaneEnabled: "false"
            };
            //var m = { action: "loadReport", accessToken: accessToken };
            
            message = JSON.stringify(m);

             
            // push the message.
            iframe = document.getElementById('iFrameEmbedReport');
            iframe.contentWindow.postMessage(message, "*");;
             
        }

    </script>
 
  <input id="MainContent_accessTokenTextbox" type="hidden" value="replace a valid token here">
  <iframe id="iFrameEmbedReport" src="" height="768px" width="1024px" frameborder="1" seamless></iframe><body></body></html>

 

-Have already have the EmbedToken, and the Embed URL from the Github Demo, However when I try to open the HTML file in a web browser I get the result below:  "This content isn't available. Learn more about Power BI."

large.png

How can I resolve this?

 

NOTE:

           -Report is imported into workspace.

           -Report works fine in the workspace collection

 

Thanks,

bdiouf

 

 

Labels:
Message 1 of 10
11,091 Views
0
1 ACCEPTED SOLUTION
Eric_Zhang
Employee
Employee
In response to Anonymous

‎04-13-2017 12:25 AM

@Anonymous

I use the embed url and token in the same sample and the html loads report without problem.

When apply the html to your reports, ensure both embed url and token are valid.

 

 <html>
 
  <script type="text/javascript">
        window.onload = function () {
		 
            // client side click to embed a selected report.
              
            // handle server side post backs, optimize for reload scenarios
            // show embedded report if all fields were filled in.
            var accessTokenElement = document.getElementById('MainContent_accessTokenTextbox');
			 
            if(null !== accessTokenElement){
                var accessToken = accessTokenElement.value;
				 
                if ("" !== accessToken)
                    updateEmbedReport();
            }
        };

        // The embedded report posts message for errors to parent window.  listen and handle as appropriate
        function receiveMessage(event)
        {
            if (event.data) {
                try {
                    messageData = JSON.parse(event.data);
                    if (messageData.event === "reportPageLoaded")
                    {
                    }
                }
                catch (e) {
                    // do something smart
                }
            }
        }

        var valB = false;

        // update embed report
        function updateEmbedReport() {

            // check if the embed url was selected
            //var embedUrl = document.getElementById('tb_EmbedURL').value;
			var embedUrl="https://embedded.powerbi.com/appTokenReportEmbed?reportId=c52af8ab-0468-4165-92af-dc39858d66ad"
            if ("" === embedUrl)
                return;

            // to load a report do the following:
            // 1: set the url
            // 2: add a onload handler to submit the auth token
            iframe = document.getElementById('iFrameEmbedReport');
            iframe.src=embedUrl;
            iframe.onload = postActionLoadReport;
        }

        
        // post the auth token to the iFrame. 
        function postActionLoadReport() {

            // get the access token.
            accessToken = document.getElementById('MainContent_accessTokenTextbox').value;

            // return if no a
            if ("" === accessToken)
                return;

            // construct the push message structure
            // this structure also supports setting the reportId, groupId, height, and width.
            // when using a report in a group, you must provide the groupId on the iFrame SRC
            var m = {
                action: "loadReport", accessToken: accessToken
                //oDataFilter: "Table/id eq 'B'",
                //filterPaneEnabled: "false"
            };
            //var m = { action: "loadReport", accessToken: accessToken };
            
            message = JSON.stringify(m);

             
            // push the message.
            iframe = document.getElementById('iFrameEmbedReport');
            iframe.contentWindow.postMessage(message, "*");;
             
        }

    </script>
 
  <input id="MainContent_accessTokenTextbox" type="hidden" value="eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ2ZXIiOiIwLjIuMCIsIndjbiI6IlBvd2VyQmlBenVyZVNhbXBsZXMiLCJ3aWQiOiJmODFjMTk2Ni1lZGVlLTQxMWItOGY4YS1mODQ0NjAxOWIwNDQiLCJyaWQiOiJjNTJhZjhhYi0wNDY4LTQxNjUtOTJhZi1kYzM5ODU4ZDY2YWQiLCJpc3MiOiJQb3dlckJJU0RLIiwiYXVkIjoiaHR0cHM6Ly9hbmFseXNpcy53aW5kb3dzLm5ldC9wb3dlcmJpL2FwaSIsImV4cCI6MTg5MzQ0ODgwMCwibmJmIjoxNDgxMDM3MTY5fQ.m4SwqmRWA9rJgfl72lEQ_G-Ijpw9Up5YwmBOfXi00YU">
  <iframe id="iFrameEmbedReport" src="" height="768px" width="1024px" frameborder="1" seamless></iframe><body></body></html>

  

View solution in original post

Message 5 of 10
15,252 Views
0
9 REPLIES 9
Eric_Zhang
Employee
Employee

‎04-05-2017 12:28 AM
@Anonymous wrote:

Hello Community,

I have tried to implement a Power BI Embdeed webpage via this simple HTML sample below:

 

-Have already have the EmbedToken, and the Embed URL from the Github Demo, However when I try to open the HTML file in a web browser I get the result below:  "This content isn't available. Learn more about Power BI."

 

How can I resolve this?

 

NOTE:

           -Report is imported into workspace.

           -Report works fine in the workspace collection

 

Thanks,

bdiouf

 

 

@Anonymous

The HTML works fine when I put an valid token and embed URL.

Where do you get the URL and token? Do remember that a token can expire(1 hour by default), so ensure that you're always using a valid token.

 

Message 2 of 10
11,076 Views
0
Anonymous
Not applicable
In response to Eric_Zhang

‎04-05-2017 07:16 AM

@Eric_Zhang

 

I got the access token by using Power BI CLI and typing on the command prompt with applicable credentials

 

"powerbi create-embed-token -c <workspacecollectionname> -k <accesskey> -w <workspacename> -r <reportID>"

 

Which then outputs an embed token:

pic1.PNG

I get the embedURL from the power from the workspace collection example:Capture.jpg

 

 

 

It seems even though I am getting a new Embed token when I request one. I am still getting the same result.

 

 

Thanks,

bdiouf

 

Message 3 of 10
11,070 Views
0
Eric_Zhang
Employee
Employee
In response to Anonymous

‎04-13-2017 12:25 AM

@Anonymous

I use the embed url and token in the same sample and the html loads report without problem.

When apply the html to your reports, ensure both embed url and token are valid.

 

 <html>
 
  <script type="text/javascript">
        window.onload = function () {
		 
            // client side click to embed a selected report.
              
            // handle server side post backs, optimize for reload scenarios
            // show embedded report if all fields were filled in.
            var accessTokenElement = document.getElementById('MainContent_accessTokenTextbox');
			 
            if(null !== accessTokenElement){
                var accessToken = accessTokenElement.value;
				 
                if ("" !== accessToken)
                    updateEmbedReport();
            }
        };

        // The embedded report posts message for errors to parent window.  listen and handle as appropriate
        function receiveMessage(event)
        {
            if (event.data) {
                try {
                    messageData = JSON.parse(event.data);
                    if (messageData.event === "reportPageLoaded")
                    {
                    }
                }
                catch (e) {
                    // do something smart
                }
            }
        }

        var valB = false;

        // update embed report
        function updateEmbedReport() {

            // check if the embed url was selected
            //var embedUrl = document.getElementById('tb_EmbedURL').value;
			var embedUrl="https://embedded.powerbi.com/appTokenReportEmbed?reportId=c52af8ab-0468-4165-92af-dc39858d66ad"
            if ("" === embedUrl)
                return;

            // to load a report do the following:
            // 1: set the url
            // 2: add a onload handler to submit the auth token
            iframe = document.getElementById('iFrameEmbedReport');
            iframe.src=embedUrl;
            iframe.onload = postActionLoadReport;
        }

        
        // post the auth token to the iFrame. 
        function postActionLoadReport() {

            // get the access token.
            accessToken = document.getElementById('MainContent_accessTokenTextbox').value;

            // return if no a
            if ("" === accessToken)
                return;

            // construct the push message structure
            // this structure also supports setting the reportId, groupId, height, and width.
            // when using a report in a group, you must provide the groupId on the iFrame SRC
            var m = {
                action: "loadReport", accessToken: accessToken
                //oDataFilter: "Table/id eq 'B'",
                //filterPaneEnabled: "false"
            };
            //var m = { action: "loadReport", accessToken: accessToken };
            
            message = JSON.stringify(m);

             
            // push the message.
            iframe = document.getElementById('iFrameEmbedReport');
            iframe.contentWindow.postMessage(message, "*");;
             
        }

    </script>
 
  <input id="MainContent_accessTokenTextbox" type="hidden" value="eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ2ZXIiOiIwLjIuMCIsIndjbiI6IlBvd2VyQmlBenVyZVNhbXBsZXMiLCJ3aWQiOiJmODFjMTk2Ni1lZGVlLTQxMWItOGY4YS1mODQ0NjAxOWIwNDQiLCJyaWQiOiJjNTJhZjhhYi0wNDY4LTQxNjUtOTJhZi1kYzM5ODU4ZDY2YWQiLCJpc3MiOiJQb3dlckJJU0RLIiwiYXVkIjoiaHR0cHM6Ly9hbmFseXNpcy53aW5kb3dzLm5ldC9wb3dlcmJpL2FwaSIsImV4cCI6MTg5MzQ0ODgwMCwibmJmIjoxNDgxMDM3MTY5fQ.m4SwqmRWA9rJgfl72lEQ_G-Ijpw9Up5YwmBOfXi00YU">
  <iframe id="iFrameEmbedReport" src="" height="768px" width="1024px" frameborder="1" seamless></iframe><body></body></html>

  

Message 5 of 10
15,253 Views
0
Anonymous
Not applicable
In response to Eric_Zhang

‎04-17-2017 08:09 AM

@Eric_Zhang, I can confirm the embed token is still valid. I am not sure how to check if the Embed URL is still valid. How can I check this?

 

Update: Also, if the embed URL is not valid, how can I make it valid? it seems like the Embed URL consists of the reportID and Embed ID via:

 

https://embedded.powerbi.com/appTokenReportEmbed?reportId=XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXXXXXemb...

Thanks,

bdiouf

Message 6 of 10
11,011 Views
0
Eric_Zhang
Employee
Employee
In response to Anonymous

‎04-17-2017 07:24 PM
@Anonymous wrote:

@Eric_Zhang, I can confirm the embed token is still valid. I am not sure how to check if the Embed URL is still valid. How can I check this?

 

Update: Also, if the embed URL is not valid, how can I make it valid? it seems like the Embed URL consists of the reportID and Embed ID via:

 

https://embedded.powerbi.com/appTokenReportEmbed?reportId=XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXXXXXembedIdXXXXXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX

Thanks,

bdiouf

 

What are the appended embedIDxxxxxxxxx? Try to remove the embedId part.

Normally a valid embedded url is like

https://embedded.powerbi.com/appTokenReportEmbed?reportId=c52af8ab-0468-4165-92af-dc39858d66ad

One way to find a valid embeded reportid is from this github demo.

Capture.PNG

Message 7 of 10
11,003 Views
0
Anonymous
Not applicable
In response to Eric_Zhang

‎04-18-2017 07:46 AM

@Eric_Zhang,

 

I have removed the embed chunk fro you URL resulting in my embedURL to be:

https://embedded.powerbi.com/appTokenReportEmbed?reportId=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx

 *with my report ID credentials of course.

However, I am still recieving the same issue:

 

"This content isn't available.
Learn more about Power BI."

 

Could this be a network issue?

 

Thanks,

bdiouf

Message 8 of 10
10,998 Views
0
Anonymous
Not applicable
In response to Anonymous

‎04-18-2017 07:56 AM

@Eric_Zhang

Nevermind, solved the issue! Embed Token was not valid thanks C:

Message 9 of 10
10,996 Views
0
Tech123
Regular Visitor
In response to Anonymous

‎10-12-2017 02:40 PM

@Anonymous : How were you able to solve this? I have the same problem.

It just says 'Content isnt available'. I have generated the token using the below command:

powerbi create-embed-token -c <collection> -k <accessKey> -w <workspaceId> -r <reportId> -u [username] --roles [roles1,roles2,...] -s [scope1 scope2 ...] -e <expiration> Please suggest.

 

Thanks,

Tech123

Message 10 of 10
9,839 Views
0
Anonymous
Not applicable
In response to Anonymous

‎04-07-2017 01:50 PM

 

@Eric_Zhang, Any insight on this?

 

Thanks,

bdiouf

Message 4 of 10
11,047 Views
0

Helpful resources

Announcements
Microsoft Fabric Learn Together

Microsoft Fabric Learn Together

Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

Check out the April 2024 Power BI update to learn about new features.

April Fabric Community Update

Fabric Community Update - April 2024

Find out what's new and trending in the Fabric Community.

View All
Top Kudoed Authors
View All