Overview

Adding the Button

This Action Button is available under Topbar Buttons and lets users add new records/rows to your data source. Add Record buttons are only available on List Blocks and can be added by clicking on the List Block, selecting the Actions tab, clicking the + Add Topbar Button, then choosing Add Record from the dropdown**.**

Screenshot 2024-12-18 at 11.06.21 PM.png

<aside> 💡 By default, you’ll have one Add record button added to your block, which you can remove if needed.

</aside>

Adding Form Fields

When you give users the option to add a new record, they’ll likely need some fields to fill out. Once the button has been added, you can:

  1. Give the button a label
  2. Add fields that the user should be able to fill out for the new record. Each field will have its own set of options, but at minimum each will have a label, a placeholder, whether its required or not, and a way to map it to your data source.

Screenshot 2024-12-18 at 11.10.54 PM.png

About the Modal

You won’t be able to see the live form that the users will see when adding a record unless you preview or use the app live. However, you can set the title of the Add Record modal as well as what the Add and Cancel buttons say. You can preview the modal by clicking the eye icon in the upper right of the section. If you need to change the theme of the modal such as background, text color, button color, etc., you can do that in the Theme menu tab.

Screenshot 2024-12-18 at 11.17.40 PM.png

Setting the On Form Submission

In this section of the Add Record button, you can set the Success message that appears the user when the submit, as well as the Action that happens upon submitting the form. You have several choices here:

Screenshot 2024-12-18 at 11.20.49 PM.png