Show a Modal or Sidebar Form

Forms are exactly what they sound like, items that you can configure with varying field types to capture information. You could do many things with that information, such as sending it to another app (with an HTTP request), inject it onto the page (setting input values), or even save it to a PixieBrix database to reference again later.

Add the Form brick to your mod

Use the Show a modal or sidebar form brick, or use the Custom Form brick if you're adding a form within a sidebar.

Define information about the form

At the top of the brick you'll be able to specify the title of the form, and a description if desired.

Create and configure a field

Below, you can configure information about specific fields and add or remove existing fields.

Pro tip: Use output from previous bricks to define Default values. For instance, if you're trying to collect a link, you could default a field to @input.url and the current URL would appear. A user can still override that and change the data when completing the form, so this is helpful for presetting information that requires human verification.

Configure submission information

Below a field you'll see a few additional options that apply to the entire form. You can specify if the form can be canceled, text for the submit button, and specify the location of the modal.

Custom Forms in sidebars have additional properties, such as being able to Autosave and save the data to a team database or page state.

Viewing your form

When you run your mod, a nice form appears in the sidebar or modal, depending on where you configured it.

Last updated