# Multi-Screen app with shared state

**URL:** <https://discuss.emberjs.com/t/multi-screen-app-with-shared-state/8420>\
**Category:** Uncategorized\
**Created:** [July 20, 2015, 10:10pm UTC](https://discuss.emberjs.com/t/multi-screen-app-with-shared-state/8420 "2015-07-20T22:10:15Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![fpauser](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/fpauser/32/13680_2.png) [@fpauser](https://discuss.emberjs.com/u/fpauser)\
**Post date:** [July 20, 2015, 10:10pm UTC](https://discuss.emberjs.com/t/multi-screen-app-with-shared-state/8420/1 "2015-07-20T22:10:15Z")

</div>

Hi,

the plan is to have an application running on 2 or more displays. There will be a “main” screen and “sub”-screens. Sub-screens should access the main-screens store and share their meta-data (scroll-positions, paging-info, filters, etc.).

The current version performs good in chrome/firefox, but internet explorer has some problems with windows that share objects (null-pointer exceptions, denied permissions etc.).

Has anyone here tried the same, having a multi-screen Ember-App that shares state between screens/displays - running in internet explorer?

---

<div class="post-metadata">

**Author:** ![broerse](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/broerse/32/9497_2.png) [@broerse](https://discuss.emberjs.com/u/broerse)\
**Post date:** [July 22, 2015, 9:12pm UTC](https://discuss.emberjs.com/t/multi-screen-app-with-shared-state/8420/2 "2015-07-22T21:12:43Z")

</div>

[Ember Pouch](https://github.com/nolanlawson/ember-pouch) work correct in IE. We use it to share state. I don’t know if it is fast enough for your case. [Example](http://exmer.com/bloggrcouch), [Source](https://github.com/broerse/ember-cli-blog/)

---

<div class="post-metadata">

**Author:** ![lightblade](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/lightblade/32/15632_2.png) [@lightblade](https://discuss.emberjs.com/u/lightblade)\
**Post date:** [July 23, 2015, 6:59pm UTC](https://discuss.emberjs.com/t/multi-screen-app-with-shared-state/8420/3 "2015-07-23T18:59:17Z")

</div>

So long that the two apps are of the same domain, you can share state via local storage. I believe there’s even events that fire on value change.

> **[HTML5 Local Storage](https://jenkov.com/tutorials/html5/local-storage.html)**

---

<div class="post-metadata">

**Author:** ![jerel](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/jerel/32/14962_2.png) [@jerel](https://discuss.emberjs.com/u/jerel)\
**Post date:** [July 24, 2015, 1:23am UTC](https://discuss.emberjs.com/t/multi-screen-app-with-shared-state/8420/4 "2015-07-24T01:23:46Z")

</div>

I use localStorage for that often enough that I created an addon for it [ember-storage - npm](https://www.npmjs.com/package/ember-storage)

In particular I use it to store device specific preferences (sidebar hidden/displayed, etc). Inject it onto a component (for example) and then you can do `this.set('storage.showMenu', true);` and `{{ storage.showMenu }}`. I can’t guarantee IE support as my main targets are modern browsers

---

<div class="post-metadata">

**Author:** ![fpauser](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/fpauser/32/13680_2.png) [@fpauser](https://discuss.emberjs.com/u/fpauser)\
**Post date:** [July 24, 2015, 8:07am UTC](https://discuss.emberjs.com/t/multi-screen-app-with-shared-state/8420/5 "2015-07-24T08:07:07Z")

</div>

Good point - and nice addon! I just checked your demo and it seems to work really good in IE11 (checked it only in IE11).

---

<div class="post-metadata">

**Author:** ![plebeian](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/plebeian/32/13954_2.png) [@plebeian](https://discuss.emberjs.com/u/plebeian)\
**Post date:** [May 14, 2018, 5:36pm UTC](https://discuss.emberjs.com/t/multi-screen-app-with-shared-state/8420/6 "2018-05-14T17:36:20Z")

</div>

Looking into this (apparently years later) and found this online ( [Treehouse: HTML, CSS, PHP, JS, and Python Development Courses](https://teamtreehouse.com/library/building-multiscreen-web-apps-with-emberjs) ) but I don’t have a treehouse account. Can anyone point me to resources for using Modern Ember (3.1.x) with multi-screen environments?

Thanks in advance. J
