Skip to main content

Edit Update Flow

This video tutorial guides you how to implement the edit functionality. As the name suggests the functionality helps to modify existing record(s) to help you create data-rich web applications in no time.

1. Create a Page​

Go to Pages and choose Add Page. Name the page and click Create.

DrapCode SignUp Form

2. Bind the Collection​

Go to page Settings and choose Bind Collection and Update.

DrapCode SignUp Form

3. Build the UI​

You can build the page UI using components such as the Navbar, Sections and Pre-built Layouts. Then drop a Collection Form and open its Settings to bind the collection and Save it.

DrapCode SignUp Form

4. Create an Event​

Go to Events and choose Add Event. Name your event as you prefer and click Create.

DrapCode SignUp Form

4.1 Configure the Event​

Click Collection and choose Update Data.

DrapCode SignUp Form

4.2 Add Event Details​

Add the notifications messages and Save them.

DrapCode SignUp Form

4.3 Redirect the Page​

Then click on Navigation and choose Page Redirect.

DrapCode SignUp Form

4.4 Add Event Details​

Add the page to redirect the user to Save.

DrapCode SignUp Form

5. Bind the Event​

Open the Settings of the Collection Form and choose the event to bind and Save.

DrapCode SignUp Form

6. Bind the Page and Collection via a Button​

To create a button go to Components and drop a Link. Here choose the page to bind, get path link id (which is the parent child collection) and the id. Then Save these settings.

DrapCode SignUp Form

7. Preview the Changes​

Click Preview and now you can select the Edit button to make changes to the chosen item and Submit. This will update the record and redirect you to the chosen page.

DrapCode SignUp Form