Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google Sheets embed: Broken page in mobile browsers

I am embeding Google Sheets via iframe using url that I can get from the Share dialog but the footer with sheet list is broken. See image below:

enter image description here

This is from Develop menu in desktop Safari, but the same things happen in Safari on iOS and apparently other mobile browsers.

The page below is local HTML that has no extra styles or HTML elements apart from the iframe that is hosting this embed.

Did I miss some extra setting required for embed?

EDIT: Still happening after months so probably not some random glitch in Google Sheets.

like image 241
Filip Avatar asked Nov 18 '19 20:11

Filip


People also ask

Can I insert a page break in Google Sheets?

Can You Insert Page Breaks in Google Sheets? Yes, here's how to set page breaks in Google Sheets. When you're in the print menu, click on SET CUSTOM PAGE BREAKS. Then, move the blue lines to where you want the page breaks to be and click CONFIRM BREAKS.

How does Google Sheets work on mobile?

Step 2: Create or edit a spreadsheet You can upload and download files with the Google Sheets app for Android. Import: You can open and edit XLS, XLSX, XLSM, CSV, ODS, and TSV files. Export: You can export as XLSX, ODS, PDF, and as a web page (HTML as a ZIP). You can also export a single sheet as a CSV or TSV file.

Can you embed a Google Sheet in a website?

The easiest way to embed a Google Sheet on a website is using the Publish to the web feature inside Google Spreadsheets. Let's look at how this works. Once your sheet is formatted appropriately, select File from the menu. Select Publish to the web.

Can I embed a Google Sheet in WordPress?

Embed Google Sheets URL To embed Google Sheets in WordPress, copy the iframe code. Then, go to your admin dashboard. Select Pages > Add New and paste the link in the text editor. To embed it in Gutenberg, add the Custom HTML block to your page and paste the link in the HTML field.


1 Answers

You're getting the link from the wrong place. Don't use the link from the Share dialog or anywhere else.

Get it from File > Publish to the web. That will give you an iframe embed code.

enter image description here

like image 133
Advait Junnarkar Avatar answered Oct 20 '22 23:10

Advait Junnarkar