You can use CSS to move and style the buttons.
These are the steps to add the CSS:
- Open the Table Properties to the Layout Tab and add the class name "buttonsBelowForm" in the field [Css Class]
- Add the following CSS needs to be added to your Custom CSS file.
One the form reloads then you will see the buttons below the form. You can tweak the CSS to adjust the button size and spacing.
/*
Move the Buttons below any Form that has the CSS class "buttonsBelowForm"
*/
.buttonsBelowForm .responsiveForm {
flex-direction:column;
}
.buttonsBelowForm .buttonStrip {
columns: 130px;
page-break-inside: avoid;
break-inside: avoid-column;
}
.buttonsBelowForm div.buttonStrip fieldset:first-child {
margin-top:0 !important;
}