Prevent Refresh back or forward by presenting a message

I am wondering if there is a way to display message to save the changes or cancel the change when someone makes a change but does not press save and tries to move away from the page?

Hi @Chidi, it's not possible to prevent browser-native functionality such as refreshing, or navigating backward or forward in the history.

As a workaround, we could render any component, like a custom image or a text component, when there are pending changes on one, or multiple components. To keep the example simple, here a is a text component that is only visible when there are unsaved changes on the Table component:

We can achieve this by setting the "Hidden" property of the warning to:
{{table1.changesetArray.length > 0 ? false : true}} where the "changeSetArray" is the property of the Table component where changes are stored.