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

    Help with simple form edits

    Asked by art_crate on July 03, 2015 at 09:35 PM

    Hello,

     

    Please have a look at my attached screenshot. 3 simple things I want to do.

     

    - Remove upper line

    - Center Buttons on page

    - Grey out Back button

    Page URL:
    http://form.jotformpro.com/form/51708168374966

    Screenshot
    form edits back button custom CSS
  • Profile Image

    Answered by art_crate on July 03, 2015 at 11:36 PM

    I was able to center the buttons.

    But on the first page I have the "Back" button hidden, this makes the next button skew to the right. Is there any way to fix this?

  • Profile Image
    JotForm Support

    Answered by Boris on July 03, 2015 at 11:42 PM

    I assume that you wish to do this on all of your form's pages. We can do these tweaks by adding some custom CSS to your form.

    To remove the upper line on the headers, you can use this code:

    .form-header-group { border-top: none !important; }

    To center page break buttons on your page, please try the following. Second line is for making sure it is centered on the first page as well:

    .form-pagebreak.form-pagebreak { text-align: center !important; }
    #cid_53 .form-pagebreak-back-container { display: none !important; }

    To gray out Back buttons, please use:

    .form-pagebreak-back { background-color: #aaa !important; }

    The form should look like this with these codes added:

    Please let us know if you need further assistance. :)

  • Profile Image

    Answered by art_crate on July 03, 2015 at 11:48 PM

    Fantastic! Thanks Boris,

    Everything worked perfectly.

  • Profile Image
    JotForm Support

    Answered by Boris on July 04, 2015 at 01:00 AM

    You are kindly welcome, I am glad to hear that you are happy with the results.

    As always, feel free to contact us again should you need any assistance with your forms, we are happy to help.