Earn a 50% discount on the DP-600 certification exam by completing the Fabric 30 Days to Learn It challenge.
I need help on this issue. I've spent hours to no avail.
I am doing a app embedded report with Javascript library following the tutorials. Everything is working except updating the layoutType setting using the report.updateSettings.
If I define the layoutType in the orginal config settings of the ebedded report, it will work, but nothing I am doing will update it dynamically once the page is loaded. I can change any other settin, for example: {filterPaneEnabled: true}, and it will work but it won't update layoutType setting.
Please help!
Code:
/** * Check if screen size is mobile. If so, change report to mobile view. */ function checkWidth() { var newSettings = null; var windowsize = $(window).width(); if (windowsize < 768) { console.log("Mobile! window size is: " + windowsize); newSettings = { layoutType: models.LayoutType.MobilePortrait }; } else { // Get models. models contains enums that can be used. console.log("Desktop! window size is: " + windowsize); newSettings = { layoutType: models.LayoutType.Master }; } // Get a reference to the embedded report HTML element embedContainer = $('#reportContainer')[0]; // Get a reference to the embedded report. report = powerbi.get(embedContainer); // Update the settings by passing in the new settings you have configured. report.updateSettings(newSettings) .then(function () { console.log("Changed Layout to:"); console.log(newSettings); }) .catch(function (errors) { console.log(errors); }); }