I have applied multiple permutations and combinations to remove\hide parameter pane pagination report fetched by embed url. Below is my code I want to hide parameter pane like a reportviewer has the option to hide parameter for end user. these are rdl reports and deployed on power bi service not on PBIRS. Is CORS property is causing issue as it is iframe returned by embedurl for report? Provide a best solution by which we can hide these parameter pane.
function embedPowerBIReport(embedUrl, accessToken) {
try {
debugger;
var models = window['powerbi-client'].models;
if (embedUrl.indexOf('?') > -1) {
embedUrl += "&rs:Embed=true&rc:Parameters=false&rc:Toolbar=false";
} else {
embedUrl += "?rs:Embed=true&rc:Parameters=false&rc:Toolbar=false";
}
var config = {
type: 'report',
tokenType: models.TokenType.Embed,
accessToken: accessToken,
embedUrl: embedUrl,
settings: {
panes: {
filters: {
visible: false
},
pageNavigation: {
visible: false
}
},
navContentPaneEnabled: false,
hideErrors: true,
background: models.BackgroundType.Transparent
}
};
var reportContainer = document.getElementById('reportContainer');
powerbi.embed(reportContainer, config);
} catch (error) {
console.error("Error embedding Power BI report:", error);
alert("An error occurred while embedding the Power BI report. Please try again later.");
}
}