What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to Use Zipped Source Code on Getsimple CMS

    Asked by jenspepie on March 13, 2014 at 09:22 AM

    Hi, first I'd like to explain my approach to distribute a form:

    1. I embedded the form but got an issue with not working Next-button (already discussed in the forum and closed with the suggestion to use Iframe instead) - so that's no option

    2. with Iframe there's the minor problem with fixed iframe height, in my case the form is splitted into some parts with navigation next/prev, so the height for all parts is actually as heigh as the first part - it works if scrolling ist switched to "yes/auto"

    3. so I tried to use the source but the form nox looks a bit different, radio buttons are followed by line breaks etc. (see screenshot)

    My question now is: if I use the zipped source, with all CSS an so on, the form looks fine. But what have I to do if I want to enbed this code into an existing site (getsimple-CRM)? What changes are neccesary to the code? And where should I place the CSS/JS files?

    Thanks a lot for your assistance!

    Regards
    Jens

    Page URL:
    http://www.kollektivkonditionen.de/dokumentengenerator/

    Screenshot
    source radio buttons problem height
  • Profile Image
    JotForm Founder

    Answered by aytekin on March 13, 2014 at 11:04 AM

    I searched google but couldn't find "Getsimple CRM". So, I assume you are asking about "Getsimple CMS". 

    I think the best solution is to host the form and the CSS/JS files on a different location and then use IFrame to include it on Getsimple CMS. If you don't have such an hosting let me know and I will give you free hosting on our hosting server to host your form. 

  • Profile Image

    Answered by jenspepie on March 14, 2014 at 06:47 AM

    Aytekin, you are right with GetSimple CMS, sorry (and I know the linked TinyMCE/Code issue). 

    Thanks for your free hosting offer but that's not the problem. If I include the form as an Iframe there's no option to get the height dynamically depending on the length of a certain form part.

    Or did I get you wrong?

  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on March 14, 2014 at 12:18 PM

    The iframe version of the form comes with a script code which dynamically set the hight of the frame (the yellow code)

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" style="width:100%; height:1000px;" src="//form.jotformeu.com/form/32732869372362" frameborder="0" style="width:100%; height:8220px; border:none;" scrolling="auto"></iframe>
    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>                     

     

    However, this js code might get disabled if the page contains other other JS libraries that might be in conflict with the form.

    That is why Aytekin recommends you todownload the full source code of the form, which comes along with JS/CSS files, then host them in a different location and then use IFrame to include it on Getsimple CMS