Forms

Wappler documentation

Forms

Bind form inputs, configure validation, and build repeatable sections using concrete Demo Projects HQ pages where possible.

Open in Wappler

Use this hub when you are building forms with real inputs, validation, or repeated fields. Start with the Demo Projects HQ-backed examples, then move into isolated form patterns.

Projects HQ-backed form flows

Form data sources on the task formUse the Demo Projects HQ task form to see how App Connect and Server Connect data sources feed projects, contacts, and tag choices into real form controls.View guide→Edit form state restorationUse the Demo Projects HQ task edit form to see how existing record data restores text, select, date, and tag fields before the user starts editing.View guide→Contact create and success handoffUse the real contact add page to see how App Connect combines lookup data, submission state, and the success handoff into the new contact detail page.View guide→Checkbox, autocomplete, and tags on edit formsUse the Demo Projects HQ contact edit page to see how App Connect restores boolean, autocomplete, and tag-style controls before editing starts.View guide→Contact delete confirmation and return handoffUse the real contact edit page to see how App Connect keeps the destructive delete flow explicit with confirmation, request state, and a return-to-contacts handoff.View guide→Files upload state and refreshUse the Demo Projects HQ files page to see how App Connect form state, live data reloads, and repeated file listings stay in sync during uploads.View guide→

Tours

Form inputs & bindingsUse common form controls as live App Connect data sources in Wappler, and learn how bindings, events, and type conversion interact while users type, select, and toggle values.View guide→Dynamic Select MenuBuild data-driven select menus that load the right options, keep selected values predictable, and stay readable as form complexity grows.View guide→Form validation (Validator)Client-side form validation: configure App Connect Validator and integrate with Bootstrap validation feedback and classes.View guide→Form RepeatLearn how Form Repeat structures nested form rows in Wappler so users can add, remove, reorder, and submit repeated data as one coherent request.View guide→Display nested categories and productsA worked parent-and-child example: return nested records, repeat the categories, and bind each category’s products.View guide→Dynamically Check Multiple CheckboxesIn this tutorial we will show you how to check multiple checkboxes, based on a database value. This is useful if you are using an update record form, or some details page which show multiple checkboxeView guide→

Related interaction patterns

Show or Hide Elements ConditionallyIntro You can show or hide elements on your page conditionally, i.e. when a specific condition is met. There are two ways of doing in Wappler - using a conditional region and using the dynamic show anView guide→Dynamic AttributesDynamic Attributes overview: use Properties ( + ) to add attributes, then inspect and bind values with picker icons and valid expressions.View guide→