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

  • Profile Image
    calcasmike
    Asked 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
    idarktech
    Answered 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
    calcasmike
    Answered 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
    calcasmike
    Answered 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
    calcasmike
    Answered 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
    jonathan
    Answered 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.