I want to embed a PowerBI dashboard on a webpage. This works with the classic PowerBI Publish to web for the desktop.
Is there a way that the webpage dynamically switches to the mobile view when accessed from a mobile device?
HTML for Desktop:
<iframe width="900" height="700" src="https://app.powerbi.com/view?r=eyJrIjoiNmI1NTk0MmYtMmQzNy00N2IzLWFiYWQtY2QxNGUzNTI4YzA5IiwidCI6IjE3NTQxNmE2LTI2YzgtNGRmZi1iNWUwLTIwNTk5YjMzODk1ZCIsImMiOjl9" frameborder="0" allowFullScreen="true"></iframe>
No, Publish to web does not support phone (mobile) view. If you are embedding using Power BI Embedded API, you can control the layout by specifying MobilePortrait or MobileLandscape layout types in the configuration. Or you can change this later, using following JavaScript code:
const newSettings = {
layoutType: models.LayoutType.MobileLandscape
};
report.updateSettings(newSettings);
For more information you can see Embed a report in mobile layout article.
After getting the news that Google will drop the support for chrome packed app
More information here
I'm planning to convert my packed app with navtive HTML5.
The application uses webviews to host different websites,
And im looking for alternative to the webviews with HTML5
Is there any solid alternative to webviews in HTML?
Electron is a good alternative to chrome. Its built on the same underlying tech. You can have desktop apps using it.
An sandboxed iframe is a good alternative to iframes. Read more over here
The iframe tag is the corresponding equivalent in HTML.
The webview documentation compares iframes to webviews.
https://developer.chrome.com/apps/tags/webview
You can add more isolation by sandboxing the iframe.
https://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/
I am trying to embed a company PowerPoint presentation into an intranet website and am having some issues. I tried converting to pdf and embedding it with this html:
<object data="myFile.pdf" type="application/pdf" width='100%' height="8000px">
<p>It appears you don't have a PDF plugin for this browser.You can <a href="myFile.pdf">click here to
download the PDF file.</a></p>
</object>
but there is a link in the ppt that stops linking correctly somehow. So I tried converting to an htm page and doing a javascript redirect to that page but I get a page that just says my browser doesnt have the correct plugin to open the pdf.
And unfortunately, being a company project, we aren't allowed to use commercially available cloud storage (ie: Google Docs, Onedrive, etc.) for security and privacy purposes. Are there other ways to embed the powerpoint, not using 3rd party software?
Is there any way to embed a PowerPoint slide show in an HTML page using just the standard tags etc? I tried using a iframe, but that just results in the PowerPoint being downloaded.
<iframe src="Chapter1.pptx">Your browser does not support.</iframe>
I am looking for a way to show the slide show using only standard stuff. I realize I could use google docs or flash or something, but I'd rather have a simple implementation.
Does the web just not know how to process a PowerPoint presentation?
Plain and simple...this is the best method to embed any Microsoft or Adobe file into a HTML website.
<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=[https://www.your_website/file_name.pptx]' width='100%' height='600px' frameborder='0'>
Just to update this question - as there is a new way to embed Powerpoints in a web page. If you have an account on OneDrive, do the following using Powerpoint Online (accessing Powerpoint via the browser) to embed a Powerpoint:
Click 'File', then 'Share', then 'Embed'
Click the 'Generate' button to generate HTML code to be embedded
Copy the 'Embed Code' and paste it in the HTML of a website
Web browsers don't understand power point, but there are solutions besides Flash.
You could export it to HTML or a PDF. Or you could also upload to site like slideshare and make use of their players which are built for this problem.
I have decided to take a hack route and upload the powerpoint onto YouTube and then just include the youtube video in the iframe.
<iframe height="375" width="600" src="http://www.youtube.com/embed/assignedId"></iframe>
I know, it's cheap, but it's also easy.
EDIT
I eventually checked my page as XHTML Strict, which does not support the <iframe> tag. So I used the object tag instead.
<object data="http://www.youtube.com/embed/assignedId">
I tried answer posted by Shane, which looks exactly right and how MS used to have PPT viewing online earlier but it didn't worked for me. After doing some research I found out that the link has changed a bit.
So use:
https://view.officeapps.live.com/op/view.aspx instead of https://view.officeapps.live.com/op/embed.aspx
Example:
<iframe src='https://view.officeapps.live.com/op/view.aspx?src=[https://www.your_website/file_name.pptx]' width='100%' height='600px' frameborder='0'>
Note: Link to PPT need to be publicly accessible.
Use Microsoft skydrive, upload your power point to this site and use this code
where
http://skydrive.live.com/redir.aspx?cid=20f065afc1acdb2e&page=view&resid=20F065AFC1ACDB2E!723&parid=20F065AFC1ACDB2E!719 is the URL of the powerpoint file.
You have to replace SD20F065AFC1ACDB2E!723 for your own string of the corresponding URL
Upload a PowerPoint document on your Google Drive and then 'Share' it with everyone (make it public):
Sharing your pptx doc
Then, go to File > Publish to the web > hit the publish button.
Go to Embed and copy the embed code and paste it to your web page
Copy embed code
Works Best for me.
Goto MS View Office Documents Online Page
Enter link to PPT file
Note: This link should be publicly Accessible
Click on Create URL.
Link to view office documents online will be generated.
Paste this link to any webpage or as iframe src attribute.
You are all set!! :)
If you are using Google slides you could easily publish it on the web and also embed the slide in an iframe.
Go to google slides -> file-> sharing -> embed and copy the code
and then in your HTML file use the below code to show slides in fullscreen mode.
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/journey.css">
</head>
<body>
<!-- show slides in html web page -->
<iframe src="https://docs.google.com/presentation/d/e/2PAxxxxxCX-xxxxxxxx-_GuZImZqRUxxxxxxxxxx/embed?start=true&loop=false&delayms=3000" frameborder="0" width="1440" height="839" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</body>
</html>
why not use prezi, I just use it in my work, very easy and useful.
I was able to do this by saving the PPT as an mp4 (Save As > MPEG-4 Video (*.mp4)) and then using the video tag.
<video controls autoplay preload="none" style="width:1000px;">
<source src="/_dev/power_point/m11983.mp4" type="video/mp4" />
<p>Your browser does not support HTML5 Video.</p>
</video>
How do you embed Autodesk 2010 dwf/dwg files in a web page?
I found some old code that worked with the Volo View Express 2 activex control in IE, but it won't display newer drawings.
<iframe height="500px" width="100%" scrolling="auto" src="drawing.dwg"></iframe>
Is there a new/better activex control available?
Volo View 3 fixed it