Skip to main content
MUI Form & Table

Form and Table UI configuration for App Engine

Every ui property that controls padding, elevation and background colour of forms, sections and tables.

POSTED: | UPDATED: | by Stefan Schüttenkopf

Form

Each property improves the appearance of the panel:

PropertyTypeDefault ValuePurpose
displaySubmitButtonbooleantrueOptionalDetermines whether to show the submit button
formBackgroundColorstringOptionalBackground color applied to the entire form container
formPaddingnumber0OptionalSpecifies the inner padding of the form
sectionElevationnumber3OptionalSpecifies the shadow elevation heigh for the section
sectionPaddingnumber | string0OptionalSpecifies the inner padding of the section. Can be either a number (in pixels) or a string ('16px')
sectionBackgroundColorstringOptionalBackground color applied to the section

Default:

Example:

🖼
This screenshot was not migrated from Confluence. View it on the original page.
ui: {
  displaySubmitButton: false,
  formBackgroundColor: 'gray',
  formPadding: 1,
  sectionBackgroundColor: 'green',
  sectionPadding: 8,
  sectionElevation: 0   
}

Table

Each property improves the appearance of the panel:

PropertyTypeDefault ValuePurpose
elevationnumber3OptionalSpecifies the shadow elevation heigh for the section
paddingnumber | string0OptionalSpecifies the inner padding of the section. Can be either a number (in pixels) or a string ('16px')
backgroundColorstringOptionalBackground color applied to the entire form container

Default:

🖼
This screenshot was not migrated from Confluence. View it on the original page.

Example:

🖼
This screenshot was not migrated from Confluence. View it on the original page.
ui: {
      elevation: 1,
      padding: 2,
      backgroundColor: 'gray'
    },

Source: Form and Table UI configuration for App Engine — Confluence space MAE, last modified Jul 28, 2026.

Updated on Aug 11, 2026
Share