Error Message when internet not available

[Puneet Duseja]

Hi,
My application works only when internet connection is available. So when user clicks on any buttons, i need to check if internet is available on the divice and if yes app will work fine and if not give a prompt/error message," Please connect to internet".
Pls let me know how can this be done or is there any default message already?

Thanks

[Kateryna Grynko]

Hi Puneet,

You will need to add Offline event handler to each app page. If fires when you lose the Internet connection.

[Puneet Duseja]

Hi Katya,
Thanks!
Could you please guide me how can i do that, it would be great if you can share code for the same.

[Kateryna Grynko]

Puneet,

Add Offline event handler: prelocalStorage.setItem("online", "false");/pre
And Online event handler: prelocalStorage.setItem("online", "true");/pre
For all buttons add this Click event handler:pre$('[data-role="button"]').on("click", function(){
if (localStorage.getItem("online") == "false"){
alert("Please connect to internet");
}
});/preThis is to check the variable and display a message if needed. You can add it as custom JS or on page Load event.

[Puneet Duseja]

Thank you!

[Alex GG]

hello!
Im using grids and images instead of buttons...Can I use this code too?
I mean data-role="grid" ?

Thanks!

[Nikita]

Hello,

There isn't "data-role=grid" attribute. In this case you should add this event listener on your image component.