Hi ragavanrajan
This is my Custom Javascript code.
alert("In Advanced> Custom Javascript");
$(window).load(function() {
// get div container for powerbi report
var embedContainer = $(".powerbi")[0];
// get reference to the embedded report
var report = powerbi.get(embedContainer);
// register a function to execute when report will finish loading
report.on("loaded", function(){
// update existing setting of the reports
// you can disable only one page or both at the same time
report.updateSettings({
panes: {
filters :{
visible: false
},
}
}).catch(function (errors) {
console.log(errors);
});
styleIframe()
})
});
function styleIframe() {
var embedContainer = $(".powerbi")[0];
var report = powerbi.get(embedContainer);
/*alert("Report loading ...");*/
report.on("rendered", function() {
/*alert("Report loaded so try and manipulate the embedded report");*/
var iframeElements = document.getElementsByTagName("iframe");
iframeElements[0].style.borderColor = "#f4f4f5";
iframeElements[0].style.borderStyle = "solid";
iframeElements[0].style.borderRadius = "10px";
iframeElements[0].style.borderWidth = "10px";
});
}
