Form — Reference

Form

Bootstrap 5 component. Add the component and configure its properties in the Inspector.

Form Properties

Name	Description
ID	HTML id for the form. Sets the form element id . Use it to link labels/controls, target CSS, or reference the form in scripts. Bootstrap docs: Forms overview Required. Default: "". Attribute: id.
Class	Adds raw class names to the element. Adds text directly to the class attribute. Use this for custom utility classes or project-specific overrides. Separate multiple classes with spaces. Bootstrap docs: Utilities API Default: "". Attribute: class.
Method	Submit method used by the handler. Controls which HTTP method is used for the form submission when using a handler. Common values are GET and POST depending on your API configuration. Bootstrap docs: Forms overview Options: get, post Default: "". Attribute: method.
Action	Form submit URL. Sets the form action attribute. In App Connect projects, you typically submit via API/Form handlers rather than a raw action URL, but this can still be useful for classic form posts. Bootstrap docs: Forms overview Default: "". Attribute: action.
Layout	Layout for the form group. Controls how labels and controls are laid out within a group. Common layouts include stacked and grid-based horizontal forms. Bootstrap docs: Form layout Options: Horizontal (horizontal), Vertical, Floating (floating) Default: "". Attribute: dmx-form-type.
Inline	Renders the form inline. Applies an inline layout style for form controls. Inline forms are best for compact toolbars and small sets of inputs; for complex forms, prefer stacked layouts. Bootstrap docs: Form layout Default: false.