Embed Google Doc with dynamic sizing (or at least no scroll bars)

Hi all,

I would like to embed a Google Doc onto the site. However, when I do, the sizing of the embed frame is standard (small) and has vertical sliders. I could use custom CSS to set a custom height and width, but the document changes every week and may be longer or shorter. How do I add a Google Doc onto the site in its full size without cropping or extra white space? Also, the site admin will be handed over eventually to users who do not know CSS, so simplicity in embedding would be preferable.

Kindly,
Bryn

Can you share link to page where you added Google Docs?

Hi Tuan, I've sent you a private email to consider the site. Thanks!

Hi Tuan,

Here is the example I am currently using. The "Rosters" folder cannot be clicked. I would like it to be clickable to go to a contents page. I was hoping not to need to use injections either as they require a business plan, but am open to whatever solution is available. 

Kindly,
Bryn

P.S. As for the site link, I have sent you a personal email.

Would love to hear about the results - looking to embed some google docs into blog posts and would love for it to use dynamic sizing!

19 hours ago, therisejourney said:

Would love to hear about the results - looking to embed some google docs into blog posts and would love for it to use dynamic sizing!

Can you share link to a post where you added Google Docs? We can take a look

On 3/17/2021 at 9:56 AM, BGilbertson said:

Hi Tuan,

Here is the example I am currently using. The "Rosters" folder cannot be clicked. I would like it to be clickable to go to a contents page. I was hoping not to need to use injections either as they require a business plan, but am open to whatever solution is available. 

Kindly,
Bryn

P.S. As for the site link, I have sent you a personal email.

Missing your question. If you still need help, just comment below, we can give the code

@tuanphan https://www.risewithophr.com/ophr-tier-1-templates-worksheets-presentations/blog-post-title-one-zs878 - ideally would like everything centered and to not have scrolling, but just show the whole doc as you scroll down squarespace1

19 hours ago, therisejourney said:

@tuanphan https://www.risewithophr.com/ophr-tier-1-templates-worksheets-presentations/blog-post-title-one-zs878 - ideally would like everything centered and to not have scrolling, but just show the whole doc as you scroll down squarespace1

Try adding to Design > Custom CSS

@media screen and (min-width:768px) {
div#block-yui_3_17_2_1_1664290343213_3729 iframe {
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    height: 3800px;
}
}
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1664290343213_3729 iframe {
    position: static !important;
    width: 100% !important;
    transform: unset !important;
    height: 10000px !Important;
}
}

On 10/4/2022 at 10:00 AM, tuanphan said:

Try adding to Design > Custom CSS

Thank you! This is what it did. Got everything centered but not responsive/standard page width and endlessly long. I think we're ok having scrolling up and down just not side to side.  Thoughts? (AND THANK YOU FOR THE HELP!) https://www.risewithophr.com/test/blogpost1

On 10/11/2022 at 11:21 PM, therisejourney said:

Thank you! This is what it did. Got everything centered but not responsive/standard page width and endlessly long. I think we're ok having scrolling up and down just not side to side.  Thoughts? (AND THANK YOU FOR THE HELP!) https://www.risewithophr.com/test/blogpost1

Hi,

Form is fine. You mean it overlap footer?

On 10/15/2022 at 10:10 AM, tuanphan said:

Form is fine. You mean it overlap footer?

yep!