Can you help to align the "vorige" and "submit" button ?

In my form the button for previous and the button for submit cannot easily be aligned at the same height. Can you inject the necessary CSS code for this?

I also have to 'repair' this in a few other versions of this form, so can you also show or explain how to insert such code in the other forms?

Kind regards,

Sebastiaan

You may try this custom CSS

.form-buttons-wrapper.form-buttons-right.jsTest-button-wrapperField{
margin-top: 50px;
position: absolute;
margin-left: 350px;
}

Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Please give it a try and let us know how it goes.

Hi Richie,

Thanks for the code, but it doesn't do the job quite right. See screenshot. All three buttons aligned on a single row would be nicer. Please feel free to inject a better piece of code yourself. I'll pick it up and copy it afterwards for other forms.

Form: https://form.jotform.com/201451936587361

Hello,

Thank you for your message.

I was checking your form https://jotform.com/201451936587361 and it seems like now is working fine.

I found the following CSS:

.form-label.form-label-auto { 

      display: block;

      float: none;

      text-align: left;

      width: 100%; 

      }

If you need any further assistance, please let us know. We will be happy to help.

Hi Carlos,

You're right regarding the first pages. But we're dealing here with the last page where the submit button "verzenden" in Dutch has to appear. Please click through each of the 12 question-pages to find the problem at the end of the form.

Kind regards

Hi BureauKikken,

Add this code to your custom CSS:

#id_109 {
     float: right;
     width: auto;
}
@media only screen and (max-width: 767px) {
     .form-section.page-section:last-of-type li.form-input-wide:last-of-type .form-pagebreak-back-container{
         margin-left:auto;
         margin-right:auto;
         width: 100% !important;
         max-width: 90%;
    }
     #id_109 {
         float: none;
         width: auto;
    }
}

The buttons should align like this:

Hope that helps! Don't hesitate to reach out if you need further assistance.

Unfortunately, nothing happens. What goes wrong ?

Please feel free to edit directly into the form: 

https://form.jotform.com/201451936587361

Regards, Sebastiaan

Hello Sebastiaan,

After checking your form I can confirm that it is working when we open the live version https://form.jotform.com/201451936587361.

The buttons for save and continue are not having the right position in the form builder but the user cant see it.

If you need any further assistance, please let us know. We will be happy to help.

Thanks a lot! I didn't know that.