# Offline Indicator

**URL:** https://meta.discourse.org/t/offline-indicator/123000
**Category:** UX
**Created:** [July 15, 2019, 6:57pm UTC](https://meta.discourse.org/t/offline-indicator/123000 "2019-07-15T18:57:19Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [July 15, 2019, 6:57pm UTC](https://meta.discourse.org/t/offline-indicator/123000/1 "2019-07-15T18:57:19Z")

</div>

Continuing the discussion from [Experimental Desktop PWA works with Discourse!](https://meta.discourse.org/t/experimental-desktop-pwa-works-with-discourse/86348):

From our review site @david brings a valid issue:

[https://review.discourse.org/t/feature-make-discourse-work-offline-with-workboxjs-7870/4697/2?u=falco](https://review.discourse.org/t/feature-make-discourse-work-offline-with-workboxjs-7870/4697/2?u=falco)

Telegram have an indicator in the top:

[https://global.discourse-cdn.com/meta/original/3X/f/8/f8b16e1bb95f9546388129657a91529e4bc70bc7.mp4](https://global.discourse-cdn.com/meta/original/3X/f/8/f8b16e1bb95f9546388129657a91529e4bc70bc7.mp4)

Mattermost does:

![image](https://global.discourse-cdn.com/meta/original/3X/f/c/fcf6c15b11f8314e1d8ad05e57ebbbb6d92738c9.png)

Maybe something like:

![offline](https://global.discourse-cdn.com/meta/original/3X/7/7/77a75c9acdf59ddf38b0089f947446722d32ca7e.png)  
 fa-wifi stacked with fa-slash

---

<div class="post-metadata">

### Author: ![justin.noom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/justin.noom/32/147907_2.png) [@justin.noom](https://meta.discourse.org/u/justin.noom)
#### Post date: [July 15, 2019, 9:42pm UTC](https://meta.discourse.org/t/offline-indicator/123000/2 "2019-07-15T21:42:24Z")

</div>

+1 - would love this feature!

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [July 15, 2019, 11:59pm UTC](https://meta.discourse.org/t/offline-indicator/123000/3 "2019-07-15T23:59:51Z")

</div>

I suggest it might be easier to re-use one of our banners? Like the one for read only mode? This is conceptually fairly similar to that.

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/0/20beb8a49b64b64bc0f7b4e6cdc56049c8ea5723.png)

---

<div class="post-metadata">

### Author: ![Dannii](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dannii/32/129087_2.png) [@Dannii](https://meta.discourse.org/u/Dannii)
#### Post date: [March 7, 2020, 1:00am UTC](https://meta.discourse.org/t/offline-indicator/123000/4 "2020-03-07T01:00:39Z")

</div>

This would be a great improvement. My forum currently has some kind of DNS error, but if your service workers are working then the front page will work even though you can’t really do anything except maybe view some pages that were still in cache. And if you click one that wasn’t, then the forum goes spinning, and keeps spinning if you try to go back to the front page. It would be very confusing if you didn’t know the cause.

A text banner explaining the site is offline would be better than an icon you might miss. TBH, this offline mode may be useful in limited situations, but right now I’d prefer it not to load at all.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [April 7, 2021, 5:20pm UTC](https://meta.discourse.org/t/offline-indicator/123000/5 "2021-04-07T17:20:51Z")

</div>

cc @david @awesomerobot

What you think about re-using the cool new [“This site was just updated” popups are annoying](https://meta.discourse.org/t/this-site-was-just-updated-popups-are-annoying/181125) here?

Mockup:  
 ![image](https://global.discourse-cdn.com/meta/optimized/3X/6/f/6f2c9f48bbe9ddbe8c520af00241b177f2158f2c_2_690x49.png)
