Hi,
$(document).ready(function() {
// Set up the event listener when the page is loaded
setupBackButtonListener();
function setupBackButtonListener() {
window.history.pushState({ page: "SpecificPage" }, null, "./#forward");
$(window).on("popstate", function(event) {
if (event.originalEvent.state && event.originalEvent.state.page === "SpecificPage") {
var messageToDisplay = "Welcome back!"; // Replace this with the message you want to display
callDisplayMessageMicroflow(messageToDisplay);
}
});
}
function callDisplayMessageMicroflow(message) {
mx.data.action({
params: {
actionname: "DisplayMessage",
applyto: "selection",
guids: ["PLACEHOLDER_GUID"], // Replace "PLACEHOLDER_GUID" with the actual GUID of the object you want to pass as a parameter
// Assuming your microflow parameter is named "message" of type String
// If your parameter has a different name or type, adjust this line accordingly
parameters: {
"message": message
}
},
callback: function() {
console.log("Microflow executed successfully");
},
error: function(error) {
console.error("Error executing microflow:", error);
}
});
}
});
Add HTML Element:
Now, add a hidden div with the ID "triggerMicroflowOnBack" on the page where you want to trigger the microflow when the back button is pressed:
<div id="triggerMicroflowOnBack" style="display: none;"></div>
Ensure that the jQuery code is included on the specific page where you want to trigger the microflow when the back button is pressed. The jQuery code sets up the event listener on page load, and when the user clicks the browser's back button to return to the specific page, the "DisplayMessage" microflow will be executed, and the specified message ("Welcome back!") will be shown using the "Show Message" action.