Keep track of the unsaved changes in your page using a client variable. For example, you can have a boolean variable called UnsavedChanges that is set to true whenever there are unsaved changes.

Use JavaScript to detect when the user tries to navigate away from the page using the back button or close button. You can do this by handling the beforeunload event.

When the beforeunload event is triggered, show a confirmation dialog using the window.confirm method. This dialog will have "are you sure?" message with yes and no buttons.

// Variable to track unsaved changes

var unsavedChanges = false;

// Function to set unsavedChanges variable

function setUnsavedChanges(value) {

    unsavedChanges = value;

}

// Event handler for beforeunload event

window.addEventListener('beforeunload', function (e) {

    if (unsavedChanges) {

        // Show confirmation dialog

        var confirmationMessage = 'You have unsaved changes. Are you sure you want to leave?';

        e.returnValue = confirmationMessage;

        return confirmationMessage;

    }

});

Hi N Shah,

Kindly go through the below discussions.

https://www.outsystems.com/forums/discussion/80171/browser-back-button/#Post416345

@Manikandan Sambasivam - your solution kind of works. it still does redirect the user to the page, i want to stop them from doing that.