Move Form “Save” Button to Top of Form Page

Please note that this is now available as a plugin for easier installation. While you can use this document as a reference, the recommended method to add this functionality is through the plugin installation wizard. Learn more about plugins here. 

The following solution uses CSS to move the location of the save button from the bottom of the form to the top.

Step 1

Add a class to the form component by navigating to the Form Components Settings > Design > CSS > Additional CSS Classes. Add a unique CSS class that you can use to target this specific form. Here I chose "my-form."

Step 2

Add the following code to the CSS section of the page.

.my-form form{
    display:table;
    width:100%;
}
.my-form .form-submit{
    display: table-header-group;
}
.my-form .form-submit button{
    float:right;
}

Remember to edit the ".my-form" portion if you chose a different class name.

Original Community Post:

Move form "Save" button to top of form page - Community Discussions / How Do I - Tadabase Community