Edit bar disappears after embedding Formstack form
I have a Formstack form I need to embed in a page in my site. I have created an HTML block and dropped the embed code that Formstack provides in that, but when I do, everything in my edit bar disappears.
Looking at the page, and comparing another page on my site, after the footer div I have
So there is a complete div missing between those two,
<div id="ccm-page-controls-wrapper" class="ccm-ui">
The code from the Formstack site is this (so you can try it out yourself)
This is the standard code, but there are also two options provided, one is "I don't need jQuery", the other "I don't need jQuery UI" but ticking either/or doesn't make a difference.
Can someone help me out here to get my toolbar back? I'm doing this as a first point of call before lodging a Formstack trouble ticket.
Can we have a look at the embed code for the form without jquery(s)?
The form you posted calls
'jquery.min.js', 'jquery-ui.css' and 'jquery-ui.min.js'
Although the second embed code you posted creates a form that doesn't call jQuery, the form itself calls this code:
If you load that url into your browser, you will see that the last line is:
"Property '$' of object [object Window] is not a function"
which implies a conflict.
I was able to load up the form in an iframe block. I set the src of the iframe to be the url listed in the <noscript> section of the embed code. I set the dimensions of the iframe at 900 x 2500 with no border and it looks pretty good and best of all, the iframe isolates it from the C5 jQuery.
the whole edit bar becomes blank
it stays blank in very previous version regardless of when it was created...which is really wierd
You can also try to build your own 'external form' but there is a learning curve to that.
There are also some pretty good form add-ons that build out some pretty elaborate forms that are integrated into C5. They cost money but it is a one-time cost rather than paying a monthly subscription.
then once you get the welcome to Formstack email... they will give you a url and password to log in add edit your form.
They now offer the ability to not include css styling and jquery.
I checked those boxes... and it worked like a charm!!!
From: concrete5 Community [mailto:[email protected]]
Sent: Saturday, August 24, 2013 6:33 PM
To: [email protected]
Subject: Edit bar disappears after embedding Formstack form : Editing with concrete5