Navigation - Automated Workflow Event
Under the Navigation event action, you can either create an automated workflow for page redirection or refresh a page or a section.
Page Redirecting Event
This event allows you to redirect users to a different page by a click of a button. Follow these steps to create Page Redirect events in your no code web app:
Step 1: Create the Page Redirect Event
To set the navigation event for redirecting a page, go to the Events panel and click the Add Event button. You will be redirected to the events page.
Here, add the Event Name and click the Create Event button.
Then, click the add icon and go to Navigation in the dropdown event action list. Select Page Redirect by clicking on it once. The Page Redirect dialogue box will open. Fill the Destination field with the page you want to redirect the user towards. Then, click the Save button.
Step 2: Bind the Event to a Button
Now, bind the event to a button to redirect the user to another page.
Step 3: Publish or Preview
Publish the web app to see how the page redirect event works.
Page Reload Event
This event automatically reloads the page on which the data is either deleted or added. Therefore, this event must always be created after creating another event for e.g. Delete Data event, Update Data event, etc.
Let's see how to create Refresh Section event step by step:
Step 1: Create Refresh Section Event
To set the navigation event for automatic page reloading, go to the Events panel and click the Add Event button. You will be redirected to the events page. Here, add the Event Name and click the Create Event button.
Then, click on the add icon and go to Navigation in the dropdown event action list and select Page Reload by clicking on it once.
The Page Reload dialogue box will open. Just click on the Save button.
Remember, the Page Reload event must be added after adding another event action.
Step 2: Bind the Event
In this example, the Page Reload event is added to a Delete Data event. Therefore, the Delete Data event containing the Refresh Section event is bound to a delete button.
Step 3: Publish or Preview to Check the Page Reload Event
Click on the preview or publish icon to see how the event works.
Page Refresh Event
This event automatically refreshes a section in which data is either deleted or added. Therefore, this event must always be created after creating another event for e.g. Delete Data event, Update Data event, etc.
Let's see how to create Refresh Section event step by step:
Step 1: Create Refresh Section Event
To set the navigation event for refreshing a section, go to the Events panel and click the Add Event button. You will be redirected to the events page. Here, add the Event Name and click the Create Event button.
Then, click on the add icon and go to Navigation in the dropdown event action list and select Refresh Section by clicking on it once.
The Refresh Section dialogue box will open. Here, choose the component and the page that contains that element to which you want to bind the refresh section event. Then, click the Save button.
Remember, the Refresh Section event must be added after adding another event action.
Step 2: Bind the Event
In this example, the refresh section event is added to a Delete Data event. Therefore, the Delete Data event containing the Refresh Section event is bound to a delete button.
Step 3: Publish or Preview to Check the Refresh Section Event
Click on the preview or publish icon to see how the event works.
If the Refresh Section event is not added in the Delete Collection event, then the whole event will work as shown in the example below, i.e., the section or data table still shows the deleted entry. One has to refresh the page manually to remove it.
