Changing embed code to alter size of embedded obje...

CompleteChimney · ‎07-25-2018

I have embedded code on to our Testiomonials page to enable our customers to live stream feedback from a customer review website. I need to increase the size of the box, as it's only showing one or two lines - ideally I want 5 or 6 testimonials displayed on the page and then people can scroll down to see more. Does anyone know what section of code I need to change? Please help if you do 🙂

http://www.completechimneycare.co.nz/testimonials.html

Adam7 · ‎07-25-2018

In the style="height:100%" part of your iframe code, try changing "100%" to "500px", or something similar.

seatonmckeon · ‎11-04-2019

Hi There,

I'm not sure if its the same issue but when I embed a MailChimp form into a page it goes crazy,

In the Weebly editor, it looks fine, then when published it seems to reconfigure the overall size of the site and cut itself off...

http://eepurl.com/qqkWD

seatonmckeon · ‎11-04-2019

Here is the page which is flipping out,

if you click any other in the menu it returns to the normal format

http://www.deewhyschoolofyoga.com.au/contact-it.html

Adam7 · ‎11-04-2019

You have extra code in your embed code that shouldn't be there, @seatonmckeaon. DOCTYPE, <html>, <head>, and <body> tags should not be included because those are already present from the page itself. You might want to check with MailChimp to see if they have some code that is meant to be embedded within a page, since this looks like it's coded to be a stand-alone page.

cknotz · ‎10-19-2019

I have a related question: I am trying to include three javascript elements (interactive statistical graphs created with highcharter in R) via the `Embed Code' feature into my Weebly website - not in the header or footer but as elements in a single page (exactly what is described e.g. here: https://www.amcharts.com/docs/v3/tutorials/adding-charts-and-maps-to-a-weebly-website/).

When I insert an `Embed Code field' into the page in the Editor and then paste the code into it, the scripts run flawlessly, the graphs appear, and they look just as they should. Everything is zen.

But when the page is then autosaved (e.g. when I make any changes to the page settings in the Weebly editor or simply go to a different page and back), something I do not understand changes and only the top parts of the graphs are shown. Also shown is a little blue triangle, which is not originally part of the graph but which I cannot click on.

And when I then publish the website and visit it myself, the graphs do not appear at all (I tried it with Firefox (69.0.3 Mac) and Safari (13.0.2).)

You can inspect the code for the graphs on my github profile: https://github.com/cknotz/conditionality_interactivegraphs (the three html-files). Note that the height is already set to 500px, as recommended here: https://community.weebly.com/t5/How-Do-I-In-the-Community/Changing-embed-code-to-alter-size-of-embed...

I am not an HTML or Java programmer (I can sort of make sense of HTML code, but that is it), so I have no idea what the problem could be or how to fix it. It does seem to me that the Weebly Editor somehow and for some reason minimizes the sizes of the graphs. I have no idea why the graphs then do not show up on the published website.

Any help would be greatly appreciated!

Adam7 · ‎10-23-2019

Hmm... You know, I wonder if it's just the sheer amount of code in each embed code element. I don't think I've personally seen that much code in any given embed code element before. It looks like from your git repo that each HTML file is more than a megabyte in size, which is pretty large for an html file. It might work if you moved your javascript code all into a separate .js file and then just included that in the embed code element like <script src="path/to/file.js"></script> instead.

Adam7 · ‎10-20-2019

This might be because you don't have SSL enabled, @CompleteChimney. Go to the Settings tab and enable that for your site, then publish again.

cknotz · ‎10-21-2019

Not sure if this was in response to my post (since the previous poster was mentioned), but concerning whether disabled SSL is the culprit: I checked and SSL is active. What else could it be?

Adam7 · ‎10-21-2019

It was in response to you, @cknotz, but I selected the wrong user tag when replying. Oops!

What page of your site is the embed code on?

cknotz · ‎10-22-2019

Ok, great, thanks for getting involved!

I'm not entirely sure how to answer your question though. It is on a Standard Page without header. The page is currently hidden in the navigation, but here is a link: https://benefitconditionality.weebly.com/interactive-graphs.html

Adam7 · ‎10-22-2019

Ahh, thanks - this is what I wanted to see. Those are some mighty embed codes, although I think what's breaking them is the inclusion of this at the beginning:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>highchart</title>

This in the middle:

</head>
<body style="background-color: white;">

And this on the end:

</body>

</html>

Adam7 · ‎10-22-2019

With the exception of that meta tag, all of those other tags can only be used once within an HTML document - they are already being used for the Interactive Graphs page itself.

cknotz · ‎10-23-2019

Thanks again for the answer and help!

This makes sense, but it does unfortunately not do the trick. I removed the problematic lines and the result stays exactly the same (the new version is published and accessible via the link above). Any alternative options?

Changing embed code to alter size of embedded object box