- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Power BI Iframe settings for a container web and mobile (responsive)
Hello community,
can you please help us with our problem to change /model the iframe into a responsive version or something like this.
First off all we are no professionals in case of html coding ;D
We want our public iframe to be in a container in our workforce platform (core smartwork) on the dashboard.
We have tried this so far:
<div style="width:415px; height:220px; overflow: hidden">
<center>
<iframe width="380" height="260", src="iframe…" frameborder="0" allowFullScreen="true" ></iframe>
</center>
</div>
Output is this one :container in normal webbrowser size
Looks pretty good but is there a simple way to change or resize the width, so on mobile or changing webbrowser window will change/resize the iframe?
output container when the browser is changing its size
Thank you so much.
Kind regards Andreas
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hey @controllingARS ,
you have to adjust that with the CSS for the iFrame. I think the following options should work:
style='position: fixed; width:100%; height:100%'
So the iFrame would look like this:
<div style="width:415px; height:220px; overflow: hidden">
<center>
<iframe width="380" height="260", src="iframe…" frameborder="0" allowFullScreen="true" style='position: fixed; width:100%; height:100%'></iframe>
</center>
</div>
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Thank you Denis, for you quick reply.
Unfortunatly now the iframe is on the right bottom.
The iframe should go into the empty middle container.
Thank you.
Kind regards
Andreas
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hey @controllingARS ,
then you still have to position it with CSS.
If you share the link I can help you, otherwise you have to try until it fits or to calculate the position based on your canvas size.
Helpful resources
Join us at the Microsoft Fabric Community Conference
March 31 - April 2, 2025, in Las Vegas, Nevada. Use code MSCUST for a $150 discount!
Power BI Monthly Update - January 2025
Check out the January 2025 Power BI update to learn about new features in Reporting, Modeling, and Data Connectivity.
Subject | Author | Posted | |
---|---|---|---|
03-21-2024 12:51 AM | |||
05-29-2024 03:22 AM | |||
05-28-2021 12:09 PM | |||
03-04-2024 06:51 AM | |||
09-25-2023 04:56 AM |
User | Count |
---|---|
100 | |
69 | |
42 | |
37 | |
30 |
User | Count |
---|---|
157 | |
89 | |
62 | |
46 | |
40 |