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

    Skip confirmation page?

    Asked by cyscape on March 28, 2012 at 05:36 PM

    Let's say a user clicks on the Feedback tab and then enters feedback in the Feedback lightbox. Upon submitting this they get a confirmation message in the lightbox.  Is there a way to disable that? I'd much rather it work so that when the press submit the lightbox closes automatically with no confirmation. Thanks.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on March 28, 2012 at 06:26 PM

    Unfortunately, JotForm does not have that option. Forms, whichever way they are embedded, will ultimately redirect to a Thank You page which you can customize to your liking.

    However, having the feedback lightbox close automatically after submission is not possible.

  • Profile Image

    Answered by cyscape on March 28, 2012 at 11:45 PM

    I understand. Is there a way that we could put a text link in the Confirmation page that says "Click here to close this window" and link that to a JS call that will remove the window - rather than making them move the mouse over to the X to close it? My concern is that after they submit the feedback they may be more likely to abandon the site unless that window can close automatically or unless I can use a text link like this to do it. Thank you.

  • Profile Image

    Answered by Allenlizia on March 29, 2012 at 01:31 AM

    I wish Jotform to embed facebook , twitter

  • Profile Image

    Answered by gori-mathew on March 29, 2012 at 01:51 AM

    Hello;

    Thanks for your request above but unfortunetly as mentioned, users have to be directed to thank you page to indicate to them that process is complete. Closing of this page is the responsiblity of users and even with link to close it they can still ignore to close.

    About the embedding jotform to facebook, twitter etc, that is possible. Kindly when you have sometime look at our user guide on how this feature works; http://www.jotform.com/help/chapter-3-Share+Forms

    Thanks for using Jotform!

  • Profile Image

    Answered by cyscape on March 29, 2012 at 10:13 AM

    Thank you. I understand it is the responsibility of the user to close the form.

    However I would like to customize the Thank You page to add a link that says "CLOSE", and when the click on it I want that to close the window (rather than making the X in the top right corner their only option to close it as it works now).  How can this be done?

  • Profile Image

    Answered by cyscape on March 29, 2012 at 11:25 AM

    Update: I tried making a custom Thank You page and doing this:

    [<a target="_blank" href="javascript: self.close()">CLOSE</a>]

    However the link did not close the window when I clicked on it.  There must be some JS I can call that will make the window close when a user clicks on it... ? Thank you!

  • Profile Image

    Answered by jeanettebmz on March 29, 2012 at 03:16 PM

    Hi ,I understand that all you want to do is to close the windows instead of showing a thank you page right?

    Can you please try this html code?. I did the test and it worked

    Make sure to delete completely the HTML code that appears by default on the thank you page,  and then replace it with the one I have suggested you.  In order to accomplish this, just click on the HTML button, as shown on the picture

     

    Hope this helps you to get what you need

    Jeanette

  • Profile Image

    Answered by cyscape on March 29, 2012 at 03:25 PM

    Thank yoy jeanettebmz. However I do not see the HTML code you want me to put into my form page.  Did you forget to include it in your post or do I not understand your message?

    Just to be clear, I do want to show a thank you page, but want to include a link or button after my thank you message that they can click to close the window, instead of them having to press the X in the top right corner.

    It sounds like you figured out how to do that so that's great. However I think you left out the HTML and JS code I need to accomplish this...? 

  • Profile Image

    Answered by jeanettebmz on March 29, 2012 at 03:47 PM

    @cyscape

    I'm sorry for not including the code. Now , I gotcha,

    Here you have what you can do :

    1. Go to the thank you page wizard and click on the HTML button

     

    Insert the Code as shown below : (you can customize it to your wish later)

     

    You will get something like this :

     

    Hope you find this solution helpful!

     

    Jeanette

     

     


  • Profile Image

    Answered by jeanettebmz on March 29, 2012 at 03:49 PM

    I forgot to let you know you can clone the form I used from here

    Regards!

    Jeanette

  • Profile Image

    Answered by cyscape on March 29, 2012 at 04:00 PM

    Thanks. I had already tried something similar before posting this. I just tried what you suggested however it does not work.

    Did you test this in an embedded lightbox? That is how I am using it. I think if you try it through am embedded lightbox you will see that it does not work.  If you can make this thread Private I can post a link where you can try your trick running on our site and how it doesn't work.

    Please advise. Thank you!

  • Profile Image

    Answered by jeanettebmz on March 29, 2012 at 06:21 PM

    Sorry, I did not read your other previous post, I tried that trick into a normal thank you page, not an embedded lightbox . 

    I have been looking into the forum and possible guides, unfortunately, it seems this cannot be accomplished , so you are right, the javascript self.close function will not work while embedded using lightbox method

    Let me assign this to level 2 and see if they can come back with a different solution

  • Profile Image

    Answered by cyscape on March 29, 2012 at 06:47 PM

    Yes, thank you.  Whatever JavaScript lightbox code they are using must have a function that can be called that causes the window to close or be hidden.  Hopefully level 2 can provide that information.

    Approximately how long does it usually take to hear back from level 2? Thank you.

  • Profile Image

    Answered by jeanettebmz on March 29, 2012 at 08:04 PM

    I cannot provide you with a timeframe cyscape, our level 2 administrators keep busy with prioritized requests

    However I have even consulted with other peers, and it seems what you want to do can't be accomplished, but we will see what 2nd level has to say.

    Thanks for your patience

    Jeanette

  • Profile Image
    JotForm Founder

    Answered by aytekin on March 30, 2012 at 06:30 AM

    Sorry, this is currently not possible. The customer has to close the window using the X icon on the lightbox. 

  • Profile Image

    Answered by cyscape on April 02, 2012 at 12:00 PM

    Can you please elaborate more on why this is not possible? I have to figure that it is almost a certainty that whatever JS library you are using for the light box functionality has a callable function that would hide or close the window.  In which case I don't see why we couldn't make such a call to the function from a little JS inside the confirmation window.

    If you are certain that it is impossible to do this currently, do you think your team can quickly put together a work around? Surely there must be something?   My concern is that after the user submits the feedback they are very likely to abandon the site because it is "friction" for them to have to go after an X button in the top corner.  Whereas if they can be instructed "Click here to close this window" they are much more likely to do so, at which point our site is right there encouraging them to stay on it...

    Please let me know what you think. Thank you.

  • Profile Image

    Answered by fxr on April 02, 2012 at 05:20 PM

    @cyscape,

    You can look at generating your own lightbox then embed the form in an iframe into that. That will you have more control over what you use a method of closing the form. 

    Here is some CSS you could use to generate the lightbox:

    <style> .overlay{ display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .form_content { display: none; position: fixed; /* CENTER FORM ON SCREEN */ top: 50%; left: 50%; width: 720px; /* width of form */ margin-left:-360px; /* half width of form */ height: 450px;  /* height of form */ margin-top:-240px; /* half height of form */ /* padding: 16px; */ border: 0px inset orange; background-color: transparent; z-index:1002; overflow: none; }
    </style>

    Render your form in with HTML like this:
    <div id="MyJotForm" class="form_content">   <div style="position: absolute; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; height: auto; width: 700px; z-index: 10001; top: 0px; left: 0px; "><div style="height: 100%; width: 100%; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 0, 0); position: absolute; top: 0px; left: 0px; z-index: -1; opacity: 0.5; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-position: initial initial; background-repeat: initial initial; "></div><div style="z-index: 600; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; "><div style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 165, 0); z-index: 1000; position: relative; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(194, 122, 0); height: 35px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-position: initial initial; background-repeat: initial initial; "><table width="100%" height="100%"><tbody><tr><td valign="middle" style="vertical-align: middle; font-weight: bold; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 1px; padding-left: 10px; font-size: 13px; cursor: move; ">Get a Quote in 5 Minutes</td><td width="20" align="center" style="vertical-align: middle; font-family: Arial, Helvetica, sans-serif; color: rgb(170, 170, 170); cursor: default; "><div onclick = "document.getElementById('MyJotForm').style.display='none'; document.getElementById('fade').style.display='none'" style="width:22px; height:19px; background:url(http://www.jotform.com//images/close-wiz.png) no-repeat !important;"></div></td></tr></tbody></table></div><div class="window-content-wrapper" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 245, 245); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial; "><div style="z-index: 1000; height: 450px; position: relative; display: inline-block; width: 100%; " class="window-content"><iframe allowtransparency="true" src="//www.jotform.com/form/FORM_ID?" frameborder="0" style="width:100%;height:450px; border:none;"></iframe></div></div></div></div> </div> <div id="fade" class="overlay"></div> <script type="text/javascript"> function JotForm_Show() { document.getElementById('MyJotForm').style.display='block'; document.getElementById('fade').style.display='block'; } </script>
    <!--jotform end-->
    You think just create a link on your page that calls the javascript - JotForm_Show() , to show the lightbox, you can create some further simple javascript of your own to set the 'MyJotForm' and 'fade' divs back display:none.
    This is a very ad hoc example code so it may need a little bit of fiddling with to get working right for your particular form.