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

    Code source edited and then ?

    Asked by ginesis on January 17, 2013 at 09:03 AM

    Hi,

    I edited the code source with wordpad:

    I removed from adress table #addr_line2, #state

    I replaced #country by "City" (with drop-down of options of cities)

    I moved the calendar img before the date

    I decreased the size of Prefix in full name

     

    Right now, I want the lightbox integration on my website.

    How can I do a lightbox with my code source edited? (The edited form is on my computer, no on jotform)

    Pls help

     

    The unedited form: http://form.jotformeu.com/form/30092528902350

    The unedited form lightbox script:


    <script src="//max.jotfor.ms/min/g=feedback2" type="text/javascript">
    new JotformFeedback({
    formId:'30092528902350',
    base:'http://jotformeu.com/',
    windowTitle:'Book now',
    background:'#F59202',
    fontColor:'#FFFFFF',
    type:false,
    height:500,
    width:700
    });
    </script>
    <a class="lightbox-30092528902350" style="cursor:pointer;color:red;text-decoration:underline;">Book now</a>

    Page URL:
    http://form.jotformeu.com/form/30092528902350

  • Profile Image
    JotForm Support

    Answered by jonathan on January 17, 2013 at 09:46 AM

    Hi,

    Since you are not providing us the means to see the edited source code of the form on your website page, I can only assume that your question actually is on how to call the custom form using the original lightbox script.

    I think what you can do is simply call the URL of your edited form into the lightbox script.

    something like this:

    <script src="http://www.yourdomain.com/edited-jotform.html" type="text/javascript">

    new JotformFeedback({

    formId:'30092528902350',

    base:'http://jotformeu.com/',

    windowTitle:'Book now',

    background:'#F59202',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:700

    });

    </script>

    The URL should exist in your website.

    Hope this help.

    Thanks.