Menu

How can I move the form buttons below the form

0 votes

I would like to move the buttons below the form to make it cleaner for my users.

in Customization by (7.2k points)

1 Answer

0 votes

You can use CSS to move and style the buttons.

These are the steps to add the CSS:

  1. Open the Table Properties to the Layout Tab and add the class name "buttonsBelowForm" in the field [Css Class]
  2. 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;
}
by (64.9k points)
edited by
Welcome to the dbFront Q&A site, where you can ask questions and receive answers from other members of the community.
 | Minimalist Answer Theme by Digitizor Media
 |
Powered by Question2Answer
...