HTML Holder contents display below master page

zukowski · Post by **zukowski** » Mon Jun 26, 2023 1:28 pm

I have a layout grid that contains a text box and a HTML box. The HTML is a link to a form page.

When I preview and when loaded, the text displays as it should, inside the place holder area, but the HTML contents display below the Master Page contents.

I pulled up an older version of my site, and all my settings appear to be exactly the same, but my older site, at least in preview, does not have this issue.

A link is here: https://hybridledlighttower.com/BECOME_DEALER.html

Thank you for any help.

Post by **Pablo** » Mon Jun 26, 2023 2:20 pm

I cannot see what you have done based on the published page.
But maybe you did not place the code inside a div?

BaconFries · Post by **BaconFries** » Mon Jun 26, 2023 2:32 pm

Viewing the source of the page I didn't see anything but viewing the index.html you have inserted scripts <script></script>at the start of the page this is incorrect. Please remove this and insert correctly between the <head></head>

zukowski · Post by **zukowski** » Mon Jun 26, 2023 4:46 pm

Thanks for the response!

For this response, I can't figure out how to post a picture.

Under HTML Properties, under "Type:" I have: "Use <div> to set position and size of the HTML" - This is what I have on the previous version that works. I have tried every option in the "Type" drop-down with no change.

In the box for HTML, I have:

<head type="text/javascript" src="https://form.jotform.com/jsform/40466800158150"></head> (I changed "script" to "head")

This is what I had previously and is what I have on the previous version that works.

<script type="text/javascript" src="https://form.jotform.com/jsform/4046680 ... "></script>

Thanks

Post by **Pablo** » Mon Jun 26, 2023 5:12 pm

I do not think the code is correct.
You cannot put a head tags inside a div. Also, the page already has a head tag!

Why did you change <script> to <head>?

Note that I cannot teach you how to write correct HTML code.
When using this feature it is assumed that you know what you are doing otherwise you may break the structure of the page.

zukowski · Post by **zukowski** » Mon Jun 26, 2023 5:14 pm

I just thought I was doing what Baconfries said to do. It was originally "script"

BaconFries · Post by **BaconFries** » Mon Jun 26, 2023 5:25 pm

I just thought I was doing what Baconfries said to do. It was originally "script

This is not what I said!...I said that you had inserted a script <script> at the start of the page when it should have been inserted between the <head> ! here !</head> tags*
If you must use code/scripts then you should understand where the should correctly go or it will cause conflict or errors to how a page is displayed.
This is the code you have inserted at the start of page This is incorrect and should be removed and inserted between the <head></head>.

zukowski · Post by **zukowski** » Mon Jun 26, 2023 5:55 pm

I appreciate the help, and I am in no way trying to challenge either of you. I have not written any script, I took a embed link from "Jotform" and pasted it into the HTML tool. But this was not recent, that was years ago.

I have literally not changed this page in over two years. I went back to a copy of my site from Dec of 21 and it formats perfectly (at least from the preview).

I imported a "working" page from an old copy into my current file and it does the same thing, but not on the project I imported from.

Is there another way I might try rather than using the HTML tool?

Doug

BaconFries · Post by **BaconFries** » Mon Jun 26, 2023 6:40 pm

Uploading images to the forum has been disabled. To be able to show a screenshot you willll need to upload to your own site/server and provide a url to it. It might be best to create a "New" page from scratch rather than import so to ensure everything is fresh.
You can use the following HTML Object to add code script.

This is how your script should read adding to the HTML Object

Code: Select all

<script type="text/javascript" src="https://form.jotform.com/jsform/40466800158150"></script>

zukowski · Post by **zukowski** » Mon Jun 26, 2023 8:20 pm

These are what they look like

https://hybridledlighttower.com/page1.html

https://hybridledlighttower.com/page2.html

crispy68 · Post by **crispy68** » Mon Jun 26, 2023 8:54 pm

Based on your screen shots, it looks to me that you may have 'move javascripts to the end of the page' checked in the options. By doing this it is moving your script to the end of the page which is now outside of the container. Uncheck this option to see if that fixes it.

onlye · Post by **onlye** » Mon Jun 26, 2023 9:04 pm

I use jotform on about 40 sites. i checked and here is how i have it setup.

master page has a content placeholder

on the page with the form i have a layout grid, inside that layout grid is an HTML object. In the HTML object - Set do not use div and paste the single line copied from jotform

<script type="text/javascript" src="https://form.jotform.com/jsform/2316351 ... "></script> - That is for my form, yours will be similar.

just to test try adding another layout grid with your text so the HTML is the only thing where you want the form to display.

here is a sample of one of my jotform pages

https://tatecountyfair.org/volunteer.html

zukowski · Post by **zukowski** » Mon Jun 26, 2023 9:08 pm

BaconFries - Great, that fixed it! I am not sure how that happened, I didn't even know that existed that function existed.

Thanks

www.wysiwygwebbuilder.com

HTML Holder contents display below master page

HTML Holder contents display below master page

Re: HTML Holder contents display below master page

Re: HTML Holder contents display below master page

Re: HTML Holder contents display below master page

Re: HTML Holder contents display below master page

Re: HTML Holder contents display below master page

Re: HTML Holder contents display below master page

Re: HTML Holder contents display below master page

Re: HTML Holder contents display below master page

Re: HTML Holder contents display below master page

Re: HTML Holder contents display below master page

Re: HTML Holder contents display below master page

Re: HTML Holder contents display below master page