Pop up a light box form when a button is hit

  • tristansmith
    Asked on September 30, 2014 at 3:38 PM
  • Welvin Support Team Lead
    Replied on September 30, 2014 at 6:07 PM

    Hi,

    Here's how you can get the lightbox codes of your form: http://www.jotform.com/help/220-How-to-Create-a-Lightbox-Form.

    Thank you!

  • tristansmith
    Replied on September 30, 2014 at 6:11 PM
    Im aware of that. Thx
    Im trying to initiate a lightbox form when a submit button or a button is hit.
    I tried placing the light box link into a HTML box within a jot form. Lightbox does not work. The text link shows up but no link.
    I go back to check the code and most of it is missing.
    Tristan Smith
    Cabrillo Mortgage and Realty
    www.1SanDiegoHomes.com
    619-564-6986 direct
    619-202-7729 fax
    ...
  • David JotForm Support Manager
    Replied on September 30, 2014 at 6:11 PM

    As far as I know this can be accomplished with CSS code, once you get your light box code:

    Pop up a light box form when a button is hit Image 1 Screenshot 40

    Paste it in a text editor and look for the "style" property:

    Pop up a light box form when a button is hit Image 2 Screenshot 51

    Once you remove it you could try pasting the following CSS code:

    cursor:pointer;
    font: bold 11px Arial; 
    text-decoration: none; 
    background-color: #EEEEEE; 
    color: #333333; 
    padding: 2px 6px 2px 6px; 
    border-top: 1px solid #CCCCCC; 
    border-right: 1px solid #333333; 
    border-bottom: 1px solid #333333; 
    border-left: 1px solid #CCCCCC; 

    Copy the whole code and embed it you webpage, this is how it would look like:

    Pop up a light box form when a button is hit Image 3 Screenshot 62

    Hope this helps you, let us know if you have more questions.

  • tristansmith
    Replied on September 30, 2014 at 6:21 PM
    Im trying to place the lightbox code in the html box to place a link in the form.
    It does not work!
    Tristan Smith
    Cabrillo Mortgage and Realty
    www.1SanDiegoHomes.com
    619-564-6986 direct
    619-202-7729 fax
    ...
  • tristansmith
    Replied on September 30, 2014 at 6:51 PM
    Are you still there?
    Tristan Smith
    Cabrillo Mortgage and Realty
    www.1SanDiegoHomes.com
    619-564-6986 direct
    619-202-7729 fax
    ...
  • tristansmith
    Replied on September 30, 2014 at 6:51 PM
    Why cant I paste the light box code into a text, html field? The link shows up but not active.
    Tristan Smith
    Cabrillo Mortgage and Realty
    www.1SanDiegoHomes.com
    619-564-6986 direct
    619-202-7729 fax
    ...
  • Welvin Support Team Lead
    Replied on September 30, 2014 at 8:41 PM

    Hi Tristan,

    Just so you know, when you respond to this thread, it will be queued at the very bottom so you if you need an urgent answer, please keep your first reply and wait for our return.

    With regards to the lightbox codes, please let us know the webpage where you place it so we can check. It's working to our end so I am sure there's something that prevents the codes from working. Maybe your current website builder doesn't allow scripts or the way how you embed it is incorrect.

    Thank you!