Can't preview Jotform page with new Sitebuilder

  • 1
  • Question
  • Updated 5 years ago
  • Answered
I changed to the new Sitebuilder 2 days ago and everything looked fine - I liked it.
But I've just found I can't preview my Contact page now, which has a Jotform form on it.
The form still works externally, i.e. I can send a form to myself from the URL, but I can't preview it... I just get the spinning thingy.
I suspect it's to do with the new Sitebuilder but can't be sure as I haven't edited this page recently. Any ideas?
Photo of Philip Taylor

Philip Taylor

  • 355 Posts
  • 66 Reply Likes
  • confused

Posted 5 years ago

  • 1
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Philip

I'm able to replicate this error. I have the strong suspicion that it can only be a part of your custom code which is causing the problem. What I can see else is that the graphic of your form is not nicely aligned, and the "Edit" links of the HTML Widget have been moved to the middle where they clash with the drag&drop icon. This indicates that parts of your code collide with Sitebuilder code, and this is probably why you can't preview that page while it's working fine on all your other pages.
Photo of Philip Taylor

Philip Taylor

  • 355 Posts
  • 66 Reply Likes
Thank you Stefan, that helps a lot
I'll do a bit of fiddling and see if I can fix it, but may need to go elsewhere for a form. Sad, because the form works well - it's just that I can't get in to edit it.
Photo of Philip Taylor

Philip Taylor

  • 355 Posts
  • 66 Reply Likes
I've isolated the problem with Previewing to this line in the Jotform code:
<!--<script src="http://cdn.jotfor.ms/min/g=jotform?3...." type="text/javascript"></script>-->
When I comment this line out previewing is fine.
I'll try to do some more checking with Jotform Help.
The Edit label moving to the centre of the screen is in my external CSS stylesheet - some centering that shouldn't be there (it's on most pages). I'll fix that.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Thanks for your feedback, Philip. Keep me updated, and I'll check if I can do anything for you from our side.
Photo of Philip Taylor

Philip Taylor

  • 355 Posts
  • 66 Reply Likes
The problem with the Edit label was caused by my CSS, one line of which centered tables, with margin-right and margin-left. Apparently the Edit label is in a table, so it got shifted as well. I've removed the line and will give my tables a class, which will solve that problem.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Interesting. I hope you'll be able to solve the whole issue. Otherwise please let me know.
Photo of Philip Taylor

Philip Taylor

  • 355 Posts
  • 66 Reply Likes
Solved! (but I don't know the cause of the problem).

I removed the two lines of Jotform code that I identified as causing the problem, and the form still works just the same. I don't know what's at that location but it doesn't seem to be necessary.

Thanks for your help Stefan.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
No need to thank me, Philip. You've figured it out pretty much on your own. Awesome! Let me know if you need more assistance, and I will check what I can do for you.