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.

austeja

Random semicolon in embedded report

Submitted by on ‎09-20-2018 03:38 AM

I've recently noticed that there's a random semicolon in the embedded report's top left corner

semicolon.PNG

I've managed to track down the issue and it seems like there's a random semicolon left between the html tags. I believe this is a bug, a minor one although looks very annoying on the embedded report.

 

 

pbi2 - Copy.PNG

Status: Delivered
See more ideas labeled with:
16 Comments (16 New)
Comments
v-jiascu-msft
Employee
Employee
‎09-21-2018 02:36 AM

Hi @austeja,

 

Can you share the code you used, please? I tested at my side using the code below. I can't reproduce it. 

I would suggest you upgrade the powerbi.js first.

<html>
<head>
	<title>
		Embed in a single page Test
	</title>
	<style>
        div {
            height: 700px;
            width: 1244px;
        }
    </style>
</head>
<body>
<script>
window.onload = function() {
// Read embed application token from textbox
    var txtAccessToken = "H4sIA***AA==";

// Read embed URL from textbox
    var txtEmbedUrl = "https://app.powerbi.com/reportEmbed?reportId=85f4ec90***c47229d&groupId=d002***fb104";

// Read report Id from textbox
    var txtEmbedReportId = "85f4***bc47229d";

// Read embed type from radio
//var tokenType = "AAD token"; 0: AAD token, 1: embed token.
    var tokenType = 1;
    
// Get models. models contains enums that can be used.
var models = window['powerbi-client'].models;

// We give All permissions to demonstrate switching between View and Edit mode and saving report.
var permissions = models.Permissions.All;

// Embed configuration used to describe the what and how to embed.
// This object is used when calling powerbi.embed.
// This also includes settings and options such as filters.
// You can find more information at https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-Configuration-Details.


var config= {
    type: 'report',
    tokenType: tokenType == '0' ? models.TokenType.Aad : models.TokenType.Embed,
    accessToken: txtAccessToken,
    embedUrl: txtEmbedUrl,
    id: txtEmbedReportId,
    permissions: permissions,
    settings: {
        bookmarksPaneEnabled: true
    }
};


var embedContainer = $('#container')[0];

  var report = powerbi.embed(embedContainer, config);

    report.on("loaded", function () {
        console.log("loaded!");
    });


report.on("error", function(event) {
    console.log(event.detail);
    report.off("error");
});

report.off("saved");
report.on("saved", function(event) {
    console.log(event.detail);
    if(event.detail.saveAs) {
        console.logText('In order to interact with the new report, create a new token and load the new report');
     }
 })
 }
 </script>
 <script src="../node_modules/jquery/dist/jquery.js"></script>
    <script src="../node_modules/es6-promise/dist/es6-promise.js"></script>
    <script src="../node_modules/powerbi-client/dist/powerbi.js"></script>

    <script src="scripts/codesamples.js"></script>   
    <script src="scripts/index.js"></script>
    <script src="scripts/utils.js"></script>
    <script src="scripts/logger.js"></script>
    <script src="scripts/session_utils.js"></script>
    <script src="scripts/function_mapping.js"></script>
    <script src="scripts/report.js"></script>  
    <script src="scripts/step_samples.js"></script>
    <script src="scripts/step_embed.js"></script>
    <script src="scripts/step_interact.js"></script>
    <script src="scripts/adal.min.js"></script>
<div id = "container"></div>

 </body>
 </html>

Best Regards,

Dale

JunioraTm
Regular Visitor
‎09-27-2018 07:21 AM

I had the same issue and tracked it down to the use of a Transparent background. And I am using the latest version of the powerbi.js file from 9/13/18 - v2.6.4.

 

On your config, under settings, if you add the following you should see a semicolon appear:

background: models.BackgroundType.Transparent

 

Note: Depending on your background color, it might be hard to see. It will show clearly if the background is white.

 

While I would like to use that feature, the semicolon being injected is annoying. So currently the work around I am using is that within my PowerBI Report, I click on the page and under "Wallpaper" I see the transparency to 100%. This won't work in all cases, but it works for my current need.

Anonymous
Not applicable
‎09-27-2018 08:59 PM

We're also seeing this in our powerbi embedded reports

Embedded reportEmbedded reportsemicolon in html tag from powerbi iframesemicolon in html tag from powerbi iframe

prateekraina
Memorable Member
Memorable Member
‎09-28-2018 02:28 AM

Hi @v-jiascu-msft,

 

This is a genuine bug. We are facing it as well.

 

Regards,
Prateek Raina

v-jiascu-msft
Employee
Employee
‎09-28-2018 02:40 AM

 Hi All,

 

This issue has been reported. The report ID is 85467722. The fix will be deployed by Sep 29th. You can try it again tomorrow. 

 

Best Regards,

Dale

v-jiascu-msft
Employee
Employee
‎09-28-2018 02:40 AM
Status changed to: Accepted
 
jarem
New Member
‎10-02-2018 01:45 PM

Was it update deployed? I'm still having this issue on my side. Using powerbi-client v2.6.4

JMReiner83
Regular Visitor
‎10-03-2018 02:10 PM

I am also experiencing this issue and would appreciate an update when the bug is fixed.

v-jiascu-msft
Employee
Employee
‎10-04-2018 02:51 AM

Hi All,

 

Please try it later tomorrow, the 5th October.

 

Best Regards,

Dale

JunioraTm
Regular Visitor
‎10-05-2018 08:21 AM

I obtained the latest version (2.6.5) and utilized it while making the background transparent. Looks like that solved the issue.

 

Thanks!

Idea Statuses