I'm using PhoneJS to make a mobile web app. It requires a login, and I'd like to show a 'toast' message with the result (error, success, etc)
If the login is successful, it shows a 'success' toast message, and then navigates to the main view of the app. The problem is, the toast message is hidden as soon as the main view is loaded. I'd like for it to show for the full 3 seconds, not stop as soon as the view is loaded.
So basically:
Login successful
Show toast message ("Welcome, John!") while loading main view
Main view is loaded, continue showing toast message until time is up (3 sec)
Here's the javascript that is run if there is a successful login:
DevExpress.ui.notify("Welcome, you are logged in", "success", 3000 );//I've tried this and dxToast, with the same result for both
AppNamespace.app.navigate("Main", { root: true });
The namespace and view is correct, and I've tried both ways to show the notification. They show very quickly but get replaced by the "Main" view. I want the notification to show as the view is loading, and continue to show after the view is loaded (until 3 seconds).
The toast message seems to be a part of the 'login' view, but I want it to show independently of the view. Can this be accomplished? Thanks!