HTML Error Issue

Elements Feedback
1

RapidWeaver Elements 1.5.7 (23959)

Helo,

I have an HTML component in my webpage. The HTML is set to display an embedded Google form in the web page. The page is displayed and works flawlessly in local mode, but when published, I get the following error:

HTML Code

Error

var RWElements={};

RWElements.rw9D4AF8FE_B5B0_43C7_B615_9632D9FB9805 = {};
RWElements.rw9D4AF8FE_B5B0_43C7_B615_9632D9FB9805 = (function(componentId) {

console.log(Running JS for element with id: )

return componentId;})(RWElements.rw9D4AF8FE_B5B0_43C7_B615_9632D9FB9805);

2

HTML Code

<div id="{{id}}" style="width: 100%; height: 100vh;" class="p-sm text-lg text-center text-brand-500"> 

<iframe src=" https://docs.google.com/forms/d/e/1FAIpQLSfI7upCSXqbw8KKbntRN2TuPBD4zVsv6vt7jQfIDMXnLgj6rA/viewform?usp=header " width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

</div>
3

HTML CODE

 <div id="{{id}}" style="width: 100%; height: 100vh;" class="p-sm text-lg text-center text-brand-500"> 

<iframe src=" https://docs.google.com/forms/d/e/1FAIpQLSfI7upCSXqbw8KKbntRN2TuPBD4zVsv6vt7jQfIDMXnLgj6rA/viewform?usp=header " width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

</div>
4

Try removing the div wrapper, so it’s just the code google gives you…

<iframe src=" https://docs.google.com/forms/d/e/1FAIpQLSfI7upCSXqbw8KKbntRN2TuPBD4zVsv6vt7jQfIDMXnLgj6rA/viewform?usp=header " width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
5

Thank you for your fast reply,

I tried that, and I also tried multiple solutions like creating a new page, creating a new Google Form, etc…. Unfortunately, nothing worked. Could this be a publishing bug?

Mustafa A. Mohdher

mmohdher@me.com
+966505542239

6

Can you link to the page where the Google Form is not working? It would probably help to view the browser’s dev console to see if there are any errors.

7

The website is live. The links below is for the 3 pages that have different google forms embedded in them.
The main website https://zairesa.com/
Page 1 with embedded google form https://zairesa.com/BuyOrRent/
Page 2 with embedded google form https://zairesa.com/OwnerRent/
Page 3 with embedded google form https://zairesa.com/Marketing/

Also the page with a built in google form without any customization https://zairesa.com/UntitledPage00/

Thank you

Mustafa Mohdher

8

Server config issue maybe.

If I visit the full URL path the pages work fine:

https://zairesa.com/BuyOrRent/index.php

https://zairesa.com/OwnerRent/index.php

https://zairesa.com/Marketing/index.php

https://zairesa.com/UntitledPage00/index.php

Looks like you are on an Apache server. Try adding the below to your .htaccess file to see if that clears it up.

DirectoryIndex index.php index.html

If not your web host would need to check the server’s error log to see why your server is not serving the directory’s index file. If you want to provide your project file via Elements Cloud, we can take a look at those specific pages to see if there’s something out of the ordinary on them specifically.

9

I just wanted to let you know that your suggested solution has worked.

Thank you,

Mustafa A. Mohdher

mmohdher@me.com
+966505542239

1 Like
10

Nice, happy to hear it worked. :slightly_smiling_face:

If you encounter additional troubles let us know.

11

Thank you for your continuous support.

1 Like