Hyperlink to Lightbox?

  • Profile Image
    brianhousman
    Asked 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
    rot_99
    Answered on January 01, 2011 at 10:33 PM

    hola

  • Profile Image
    brianhousman
    Answered on January 01, 2011 at 10:35 PM

    huh?

  • Profile Image
    aytekin
    Answered 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
    pasodeluz
    Answered 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
    pasodeluz
    Answered 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
    boogerd
    Answered 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
    EltonCris
    Answered 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!