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

    Not able to centre align submit button.

    Asked by Topcrop on November 22, 2016 at 09:17 PM

    Hi All, 

    I've created a jot form and most of the fields are working fine. However, i'm facing trouble with the submit form.

    1. I am trying to align the submit button so that it appears equidistant from the left and right margin of the form. However, all the setting I try make it appear left of the center. 

    2. I want to setup a condition on the submit form based on the reply to one of my form question (Payment mode question). If the answer to the question is option 1, I want the "Thank you" page to be shown. If the answer to the question is option 2, i want the user to be redirected to an external URL. I've played around with the conditional logic and the Thank you page but I cant seem to make this work. Infact, when i click on the submit button in preview, no action happens. 

     

    Please help me so that i can quickly resolve this. 

     

    Thanks,

    JR

    Page URL:
    https://form.jotform.me/63250894635462

    preview thanks shown all
  • Profile Image
    JotForm Support

    Answered by ashwin_d on November 23, 2016 at 03:27 AM

    Hello JR,

    If I understand your requirement correctly, you want to centre align your submit button. Is that correct?

    I have fixed this issue in form by injecting the following custom css code in your form:

    .form-buttons-wrapper {

        text-align: center !important;

    }

    Please check the screenshot below:

     

    Do get back to us if you meant to ask something else.

    Thank you!