cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
gurpreet Frequent Visitor
Frequent Visitor

Mobile view is not being shown for embedded powerbi report

We have created a PowerBI report having both the desktop verion and mobile virson.

Its showing desktop and pone view properly when we are testing at following sample site after putting correct information. 

https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html

 

But when we open the website on mobile It is still showing the desktop version of the report.

File version used of powerbi.js file is 'powerbi-client v2.5.1'.

The HTML and javascript used is provided below

We are also appending '&isMobile=true' with embed report url.

Are we missing any reference to show the mobile version.

 

 <div id="reportContainer" style="width: 100%; height: 610px" 
aria-atomic="True" aria-multiline="True"
aria-multiselectable="True" aria-orientation="vertical"> </div>
<script src="~/Scripts/powerbi.js"></script> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script> $(document).ready(function() { var txtAccessToken = "@Model.EmbedToken.Token"; var txtEmbedUrl = "@Html.Raw(Model.EmbedUrl)"; var txtEmbedReportId = "@Model.Id"; var tokenType = $('input:radio[name=tokenType]:checked').val(); var models = window['powerbi-client'].models; var permissions = models.Permissions.All; var config = {
type
: 'report',
tokenType
: tokenType == '0' ? models.TokenType.Aad : models.TokenType.Embed,
accessToken
: txtAccessToken,
embedUrl
: txtEmbedUrl,
id
: txtEmbedReportId,
permissions
: permissions,
settings
: {
layoutType
: models.LayoutType.MobilePortrait } }; // Get a reference to the embedded report HTML element var embedContainer = $('#reportContainer')[0]; var report = powerbi.embed(embedContainer, config);
report
.off("loaded"); // Report.on will add an event handler which prints to Log window.
report
.on("loaded", function() { Log.logText("Loaded"); }); report.on("error", function(event) { Log.log(event.detail); report.off("error"); }); report.off("saved"); report.on("saved", function(event) { Log.log(event.detail); if (event.detail.saveAs) { Log.logText('In order to interact with the new report,
create a new token and load the new report'
); } }); }); </script>
 

 

1 ACCEPTED SOLUTION

Accepted Solutions
gurpreet Frequent Visitor
Frequent Visitor

Re: Mobile view is not being shown for embedded powerbi report

Thanks for the reply. 

 

Issue is resolved. I was appending isMobile=true in embededUrl property of configuration.

report.EmbedUrl = report.EmbedUrl + "&isMobile=true";

We need not to append "&isMobile=true" explicitly, this parameter will be updated in the iframe url automatically.

 

Thanks again for the help.

View solution in original post

2 REPLIES 2
v-jiascu-msft Super Contributor
Super Contributor

Re: Mobile view is not being shown for embedded powerbi report

Hi @gurpreet,

 

The trick here is that every page needs a mobile view first. How to create a mobile view. Please refer to desktop-create-phone-report. The snapshot shows my test. We can see the difference clearly.

Mobile_view_is_not_being_shown_for_embedded_powerbi_report

 

Best Regards,

Dale

Community Support Team _ Dale
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
gurpreet Frequent Visitor
Frequent Visitor

Re: Mobile view is not being shown for embedded powerbi report

Thanks for the reply. 

 

Issue is resolved. I was appending isMobile=true in embededUrl property of configuration.

report.EmbedUrl = report.EmbedUrl + "&isMobile=true";

We need not to append "&isMobile=true" explicitly, this parameter will be updated in the iframe url automatically.

 

Thanks again for the help.

View solution in original post

Helpful resources

Announcements
Can You Solve These Challenge

Challenge: Can You Solve These?

Find out how to participate in the first Power BI 'Can You Solve These?' challenge.

Community News & Announcements

Community News & Announcements

Get your latest community news and announcements.

Virtual Launch Event

Microsoft Business Applications October Virtual Launch Event

Join us for an in-depth look at the new innovations across Dynamics 365 and the Microsoft Power Platform.

Community Kudopalooza

Win Power BI Swag with Community Kudopalooza!

Each week, complete activities and be qualified in the drawing for cool Power BI Swag.

Top Kudoed Authors
Users Online
Currently online: 167 members 1,908 guests
Please welcome our newest community members: