Alert Boxes

[Bruce Stuart]

what's the best way to have device independent alerts & confirms that don't use the 'Page @ Appery.io says:'.

I've looked at most of the jAlert implementations - and plugged some in - they're not very nice looking in the web-browser.... the Navigator functions don't work well or at all if you are testing from your desktop....

From experience --- what's the best 'replacement' for the alert() and confirm() functions - prior to publication ???

Thanks
Bruce

[Alex GG]

Hi,
If you dont want to use the navigator functions, I recomend using the popups or dialogs.. like in this SS:

[Evgene Karachevtsev]

Bruce,

Could you please try using a pop-up component?

[Bruce Stuart]

Evgene,

Thanks ... Can one popup be 'customized' to be used across multiple pages ? ( ie I define a popup and invest enough custom code to have it handle most alert & confirm situations... Can I re-use it anywhere in my app ? )

Thanks again,
Bruce

[Evgene Karachevtsev]

Bruce,

No, unfortunately you can't create a custom pop-up. Instead of it, you may use a custom component for each pop-up you would like to look alike.

[Bruce Stuart]

Evgene

Ok great. ... Next question then, if I have a popup that looks the same across 2 different pages .... Can I create one popup or so I need to create one popup per page ?

Bruce

[Yurii Orishchuk]

Hi Bruce,

You can create page template with needed popup and then use this this template to create pages you need. All these pages will have this popup.

See details about page templates here: http://devcenter.appery.io/documentat...

Regards

[Bruce Stuart]

Yurrii,

Thanks.... editorially it seems as though there ought to be a better way ....but I'm sure there are larger fish to fry....

thanks for the quick answer....

Bruce

[Louis]

Hi Bruce,

You can use the preinstalled native plugin called dialogs. It has built in alert, confirm, prompt or beep.
https://github.com/apache/cordova-plu...

This lets you use native pop/dialog function which is a big plus when it comes to trying to get on market stores (using native functions).

To make it work in a browser and devices not supported, I wrap try/catch statements to throw a normal alert.

It lets you also have a call back function for when they have closed the dialog.

Example:
code
try {
/* Call back function /
function alertDismissed() {
return false;
}
/ Dialog function */
navigator.notification.alert(
'This feature will be available soon!', // message
alertDismissed, // callback
'Coming Soon!', // title
'Done' // buttonName
);
} catch(err) {
alert("Error, this is in the works! Stay tuned!");
}
/code
ps: I wrapped in code tags but it's stripped formatting. Hopefully it makes sense to you

[Bruce Stuart]

Louis..... that's awesome --- thanks for the suggestion.... ! I'm going to take you up on using that ....