j-Offline

jComponent 20 · jcomponent@20 component Example loaded with jComponent 20

This component displays a message box when there is no internet connection.

singleton

Use it with <ui-component name="offline">. When the component is not loaded yet, jComponent downloads it on first use from the address in DEF.fallback (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

example.html

<ui-component name="offline" class="hidden">
	<div style="font-size:60px"><i class="ti ti-globe red"></i></div>
	<b>No internet connection</b>
	<div style="font-size:12px">Please check your network connection and try again.</div>
</ui-component>

<div class="padding">Use the Web Developer Tools to turn off the internet via the Network tab.</div>