company logo

Centro de ayuda

Ir a Stackby
Stackby BlogStackby CommunityStackby YouTube ChannelStackby Facebook GroupSign up for Free
Todos los apartadosStackby Interfaces (App Builder)Interface Page Layout - Form

Interface Page Layout - Form

Bring data into Stackby via advanced interface forms

πŸ“¦  Plan Availability

Plan Availability: Free (basic), Economy, Business (branded forms), Pro (branded forms + advanced), Enterprise

Permissions: Owner or Creator can build and configure. Editors and above can submit form responses.

Note: Viewers and read-only users cannot submit form responses.


The Form layout lets you create structured data-entry pages within an Interface. When a user submits a form, a new record is created in the source Stack automatically β€” no manual data entry required on the backend.

Interface forms are designed for logged-in users (internal collaborators or Portal members). If you need to share a form with the general public without requiring a Stackby login, use a standalone Form View shared via public link instead.

Form Layout vs. Other Form Options in Stackby

Stackby offers multiple ways to collect data via forms:

Option

Best For

Login Required?

Interface Form Layout

Internal teams and Portal members creating records within a workflow

Yes (or Portal login)

Standalone Form View

External, public-facing data collection (surveys, intake forms)

No β€” public link

Record Creation Button

Quick record creation triggered by a button click within an Interface

Yes

Creating a Form Layout Page

  1. In the Interface editor, click + Add Page in the left panel.

  2. In the Layout Picker, scroll to More and select Form. Click Next.

  3. Choose the source Stack where form submissions will create new records. Click Next.

  4. Toggle on the fields you want to include in the form and toggle off fields you want to hide. Click Next.

  5. Give the form a name and an optional description. Click Finish.

The form page will open on the canvas, ready to configure.

Configuring a Form Page

Canvas Options

From the form canvas, you can:

  • Rename the form β€” double-click the title at the top of the canvas.

  • Add/edit the description β€” double-click the text area below the title.

  • Reorder fields β€” click, hold, and drag fields up or down (or into side-by-side positions with up to 4 fields per row).

  • Add a field β€” hover between existing fields and click the + button to add an existing field or create a new one.

  • Remove a field β€” click a field to reveal the Β·Β·Β· menu, then click Remove (this does not delete the field from the Stack).

  • Add groups (sections) β€” hover over a line break between fields and click + Add group to create a labeled section divider.

Page Properties Panel

Click on the edge of the form canvas (not on a field) to open the page-level properties panel on the right:

Title

  • Rename the form title as displayed to end users.

Data β€” Fields

  • Click the cogwheel icon to see all fields: visible, grouped, or hidden. You can also Find a field by name, Edit, Delete, or Hide fields from here.

Submission Options

  • Button label β€” Customize the submit button text. Default: "Submit." Examples: "Send Request," "Log Entry," "Add Record."

  • Message β€” Set a custom message displayed after a successful submission (e.g., "Thanks! Your request has been received.").

  • Show a 'Submit another response' button β€” After submission, let users immediately submit a new response.

  • Email responses β€” Choose workspace members who will receive an email notification each time the form is submitted.

Field Properties Panel

Click on any individual field on the canvas to configure its field-level properties:

Label

The label shown to form submitters. By default this matches the field name in the source Stack. Change it here without renaming the underlying field.

Data

  • Source / Edit field β€” Opens field editing options. Changing the field type here also changes it in the underlying Stack. Use with caution.

  • Permissions β€” Set whether the field is View-only or Editable for form submitters.

Appearance

  • Layout β€” For select fields: Dropdown or List. For linked record fields: Card or Pills.

  • Size β€” Adjust the font size of the field in the rendered form.

  • Helper text β€” Additional guidance text shown below the field label.

Rules

  • Visibility β€” Set conditions that determine when this field is shown. When conditions are not met, the field is hidden from the user. Example: show "Deadline field" only when "Priority" = "High."

  • Selection β€” (Linked record fields only) Restrict which linked records users can choose from.

  • Options β€” (Single/multi-select fields) Choose which select options are available to form submitters.

  • Collaborators β€” (User fields) Choose which users are selectable in the field.

  • Default value β€” Set a value that pre-populates the field. The user can override it. Useful for hidden status fields.

  • Required field β€” Toggle to make the field mandatory before submission.

Branding Your Form

On Business, Pro, and Enterprise plans, you can brand your Interface forms:

  • Add a cover image (banner) across the top of the form.

  • Upload your organization's logo.

  • Set your brand color for the submit button and accents.

πŸ“¦  Plan Availability

Branded forms (custom logo, cover image, brand color) are available on Business, Pro, and Enterprise plans.

On Free and Economy plans, forms display with the default Stackby styling.

Page Management

Hover over the form page in the left panel and click the eye icon to show or hide it from Interface end users. Click the Β·Β·Β· icon to access:

  • Rename β€” Change the page name.

  • Delete β€” Remove the form page (recoverable from the trash bin).

  • Duplicate β€” Create a copy of the form (useful for similar forms that vary slightly).

  • Keep as draft β€” Mark the page as a draft so other builders know it's a work in progress.

  • Clear unpublished changes β€” Discard changes made since the last publish.

Limitations & Considerations

  • Editors and above can submit form responses. Viewers and read-only collaborators cannot.

  • Computed fields (Formula, Lookup, Rollup) do not appear in forms β€” they are auto-calculated and cannot be manually entered.

  • Linked record fields allow selecting existing records only. Users cannot create new linked records from within the form. Instruct users to create the linked record in a separate Interface page first.

  • Linked record fields cannot be pre-populated from the context of another record (known limitation). Workaround: use a pre-filled URL, or instruct users to select the linked record manually.

πŸ’‘  Tip: If newly created fields do not appear in your form's field list, navigate away from the form configuration and return to it to refresh the field list. Also verify the field was created in the correct source Stack and is not a computed field type.

Frequently Asked Questions

Can collaborators without a Stackby account submit interface forms?

Interface form pages require a Stackby account or Portal access to view and submit. To collect responses from people without Stackby accounts, use a standalone Form View with public sharing, or set up a Portal (Business+ plans) with open registration so external users can sign up and access the form.

Can I pre-fill form fields?

Text, date, and other standard fields support default values that pre-fill the form. Linked record fields cannot be automatically pre-populated from record context β€” see the linked record limitation above.

Can I send email notifications when a form is submitted?

Yes β€” configure this in the Submission Options β†’ Email responses setting. Choose any workspace member to receive email notifications per submission. This setting takes effect after the Interface is published or re-published.

How do I require a field before the form can be submitted?

Click on the field on the canvas and toggle on Required field in the field's Rules properties panel. The submit button will be disabled until all required fields are filled.

ΒΏTe ha ayudado esta respuesta?
😞
😐
😁