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

    Submit button & "FB log in" button - can you separate?

    Asked by calcasmike on May 25, 2012 at 03:14 PM

    Hi there,

    We've got a form where we are leveraging the Facebook API - the only issue is the submit button we create in jotform is in the same space/line as the "Facebook log in" button.  Is there any way to separate so the "FB log in" button is on top before the form fields, then the "submit" button is below the fields?  Any ideas would be appreciated - we wanted to use a red button to emphasize submission, but you can see how odd it looks for "submit" to be placed at the top before the "facebook log in first".

    Screenshots for reference:

    1) Before you log in...
     

     

     

     

     

     

    2) After you log in...

     

     

     

     

     

     

     

     

    Thanks for any ideas!

  • Profile Image
    JotForm Support

    Answered by idarktech on May 26, 2012 at 06:53 AM

    Hi,

    Try injecting this css code to your form:

    .form-submit-button{

    position: absolute;

    top: 530px;

    left: 208px;

    }

    This will move your submit button below your form fields.

    Here's how you can inject css codes to your form: How to Inject Custom CSS Codes to your Form.

    Hope this helps. Let me know if this doesn't work. Thanks!

  • Profile Image

    Answered by calcasmike on May 26, 2012 at 09:54 AM

    Perfect!  I will use this code on subsequent forms where I need the button also after the fields.  This might be a good opportunity to provide a tip for FB field users, it seems like others might experience this as well.  Thank you!

  • Profile Image

    Answered by calcasmike on May 26, 2012 at 10:02 AM

    Hi, one more thing - I tried this on another form, but it doesn't seem to work.  I assume I need to adjust the "absolute" positions to get the button to show correctly.  The form is much smaller - here's a preview - you can see there is no button at the bottom to submit.  Thanks for help on this one - we should be good after that.  Hopefully I will learn about the absolute placement so I know how to adjust this for future forms.

  • Profile Image

    Answered by calcasmike on May 26, 2012 at 10:26 AM

    Hi there,
    I figured it out with trial and error where to place the "top" absolute spot.  I assume there might be an easier method to determine this but it looks as desired.  Thanks again! 

  • Profile Image
    JotForm Support

    Answered by jonathan on May 26, 2012 at 04:29 PM

    Hi,

    Thank you for updating us. We are glad you got it all sorted out.

    Please contact us again should you need assistance on JotForm.