Looking to get Sheets tabs to appear at the top when published to an iFrame

[Lucas Jones]

I feel like this used to be the default option, because I do not remember adding any HTML code to regulate this in the iFrame on my website. then about a month ago the tabs now appear at the bottom? I can't seem to figure out how to get them to the top of either the iFrame or the spreadsheet

Extremely novice HTML/site designer. Appreciative of any help

[Hassam Saeed]

Hey Lucas,

For the group members to assist you, it would be best if you share the HTML page where you are embedding the sheet or the code you are using. (You can keep the spreadsheet access private)

Thanks

[Lucas Jones]

Of course. Here is the webpage it is being hosted on: https://www.dankshow.com/recruiting-battleground

and here is the code I have on the site

<iframe style="border:1px #FFFFFF none" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vTD7y6gfLHESUw2-93-A3jPixLUBkNr5PZup-Hx0nvN8YiC2b6V_A1MLdjZxq3Tqg/pubhtml" title="iFrame" width="100%" height="500px" scrolling="yes" frameborder="yes" allow="fullscreen"
headers="true"></iframe>

[Hassam Saeed]

Hi Lucas,

You can use the following code to bring your sheet tabs on the top:

<iframe style="border:1px #FFFFFF none" src=" https://docs.google.com/spreadsheets/d/e/2PACX-1vTD7y6gfLHESUw2-93-A3jPixLUBkNr5PZup-Hx0nvN8YiC2b6V_A1MLdjZxq3Tqg/pubhtml?widget=false  " title="iFrame" width="100%" height="800px" scrolling="yes" frameborder="yes" allow="fullscreen"
headers="true"></iframe>

Note: I have increased the height to 800px to avoid internal sheet scrolling. Therefore set the iframe parent div height to 800px as well in your website.