Form: Reference
Reference for Form in Web Framework References. Key properties: ID, Class, Method, Action.
Bootstrap 5 component. Add the component and configure its properties in the Inspector.
Inspector Property Groups
Form Properties
| Property | Type | Details |
|---|---|---|
| ID | text | 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 in common setups. Attribute: id |
| Class | text | 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 Attribute: class |
| Method | droplist | 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 Attribute: method Options: get, post |
| Action | file | 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 Attribute: action Supports dynamic option sources. |
| Layout | droplist | 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 Attribute: dmx-form-type Options: Horizontal, Vertical, Floating |
| Inline | boolean | 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 |
Actions
Submit
Submit Form
Reset
Reset Form