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

    Hyperlink to Lightbox?

    Asked by brianhousman on January 01, 2011 at 06:17 PM

    How exactly can I hyperlink to my Lightbox? I want the user to click on "Contact" link text and have the Lightbox display...?

  • Profile Image

    Answered by rot_99 on January 01, 2011 at 10:33 PM

    hola

  • Profile Image

    Answered by brianhousman on January 01, 2011 at 10:35 PM

    huh?

  • Profile Image
    JotForm Founder

    Answered by aytekin on January 02, 2011 at 12:29 AM

    On the Form Builder:

    1. Open "Setup & Share" tab on toolbar,

    2. Click on "Embed Form"

    3. Select "Lightbox"

    4. Get the code provided, copy it to your site, and change the link on the code. It currently says "Test link". 

  • Profile Image

    Answered by pasodeluz on February 01, 2011 at 03:32 PM

    And if you want to have an image (like a png that says "Register") instead just the Text?

    Thanks

  • Profile Image

    Answered by pasodeluz on February 01, 2011 at 04:43 PM

    touching it all I discover how, if somebody need it also, this is the way to do it.

     

    The original code for Light Box comes like this:

    <script src="//www.jotform.com/min/g=feedback" type="text/javascript">
    new JotformFeedback({
    formId:'XXXXXXXXX',
    base:'http://www.jotform.com/',
    windowTitle:'Regalo',
    background:'#D60000',
    fontColor:'#FFFFFF',
    type:false,
    height:500,
    width:550
    });
    </script>
    <a id="lightbox-XXXXXXXXX" style="cursor:pointer;color:blue;text-decoration:underline;">Register</a>

     

    I remove the text in blue. First, it didn´t work because by a mistake I deleted also the ".

    After that,  I pasted this image script <img src="YOUR-IMAGE-URL" alt="" /><br />

     

    <script src="//www.jotform.com/min/g=feedback" type="text/javascript">
    new JotformFeedback({
    formId:'XXXXXXXXX',
    base:'http://www.jotform.com/',
    windowTitle:'Regalo',
    background:'#D60000',
    fontColor:'#FFFFFF',
    type:false,
    height:500,
    width:550
    });
    </script>
    <a id="lightbox-XXXXXXXXX" style="cursor:pointer;"<img src="YOUR-IMAGE-URL" alt="" /><br /></a>

  • Profile Image

    Answered by boogerd on February 07, 2013 at 09:42 PM

    If you entered the lightbox script into the header, how would you call it via link?

    I use : javascript:void( window.open('http://form.jotform.us/form/30378341920148', 'blank','scrollbars=yes,toolbar=no,width=700,height=900,top=center,left=center')) to call a popup in a link.. 

     

    Is there a way to call the lightbox script you entered via a link on a button or text link like above?

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on February 07, 2013 at 10:10 PM

    Hi,

    To call te lightbox form, just use it's class e.g. lightbox-1234567890. You can find the ligthbox class at the bottom part of your lightbox embed code when you get it on the form builder. Example:

     

    <script src="//jotformpro.com/min/g=feedback2" type="text/javascript">

    new JotformFeedback({

    formId:'30348886039968',

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

    windowTitle:'Title Me',

    background:'#FFA500',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:700

    });

    </script>

    <a class="lightbox-30348886039968" style="cursor:pointer;color:blue;text-decoration:underline;">Contact Form</a>

    If you'd like to call the lightbox form on your existing buttons, just insert the lightbox class on the existing button class or create a new class attribute with the lightbox class value.

    Example:

    <input type="button" class="lightbox-30348886039968" value="Test Form" />

    Hope this helps. Thanks!