# Embedding dashboard

**URL:** <https://forums.losant.com/t/embedding-dashboard/1543>\
**Category:** Help\
**Tags:** dashboard, embedding\
**Created:** [February 20, 2019, 3:46pm UTC](https://forums.losant.com/t/embedding-dashboard/1543 "2019-02-20T15:46:11Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dave\_Verschleiser](https://avatars.discourse-cdn.com/v4/letter/d/ce7236/32.png) [@Dave\_Verschleiser](https://forums.losant.com/u/Dave_Verschleiser)\
**Post date:** [February 20, 2019, 3:46pm UTC](https://forums.losant.com/t/embedding-dashboard/1543/1 "2019-02-20T15:46:12Z")

</div>

Hi. I’m brand new to Losant so please forgive my total lack of knowledge. I’ve watched most of the videos and I’ve succeeded in creating a few dashboards. However, when I try to embed a dashboard into my page, i get the perpetual wait icon, and the dashboard never shows. I changed it to public, and still no luck. Can someone tell me what I’m missing?  
I’m using the sandbox by the way, in case that has something to do with it.

Thanks.

---

<div class="post-metadata">

**Author:** ![Dylan\_Schuster](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/dylan_schuster/32/2850_2.png) [@Dylan\_Schuster](https://forums.losant.com/u/Dylan_Schuster)\
**Post date:** [February 20, 2019, 3:51pm UTC](https://forums.losant.com/t/embedding-dashboard/1543/2 "2019-02-20T15:51:51Z")

</div>

Hi, can you provide us a little more info so we can investigate?

1. Can you provide a link to the dashboard in question?
2. When you say you’re trying to “embed a dashboard”, do you mean by [this method](https://docs.losant.com/dashboards/overview/#embedding-in-other-sites) where you get the JS code to drop into a third-party web page?
3. If so, can you also provide a link to the page where you are trying to embed the dashboard?
4. Can you also let us know what web browser you’re seeing this issue in?

Thanks.

---

<div class="post-metadata">

**Author:** ![Dave\_Verschleiser](https://avatars.discourse-cdn.com/v4/letter/d/ce7236/32.png) [@Dave\_Verschleiser](https://forums.losant.com/u/Dave_Verschleiser)\
**Post date:** [February 20, 2019, 4:03pm UTC](https://forums.losant.com/t/embedding-dashboard/1543/3 "2019-02-20T16:03:57Z")

</div>

Hi. I went to Dashboard Settings and then clicked Embed Dashboard. I’ve included the exact javascript code that was generated below. I’m doing this locally in development, so there is no url for you to link to. After reading your response, I tried several browsers. It seems to work ok in IE 11 and Edge, but not in Chrome, which, of course, is the one I really need it to work with. Here’s the embedded js code:

```auto
    <!--
Begin Losant Embed
Drop this in your markup where you would like the dashboard to go.
-->
<a class="los-widget"
  href="https://app.losant.com/dashboards/5c6d6bd98f3e0c000945c128"
  data-dashboard-id="5c6d6bd98f3e0c000945c128"
  data-theme="light"
  data-height="451px" data-width="100%"
  data-refresh-rate="60">
  View my Losant-powered dashboard "Another Dashboard"
</a>
<script>window.lsnt = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0], t = window.lsnt || {};
if (d.getElementById(id)) return t;
js = d.createElement(s); js.id = id;
js.src = "https://app.losant.com/scripts/widgets.js";
fjs.parentNode.insertBefore(js, fjs); t._e = [];
t.ready = function(f) { t._e.push(f); }; return t;
}(document, "script", "lsnt-widgets"));</script>
<!-- End Losant Embed -->

```

---

<div class="post-metadata">

**Author:** ![Dylan\_Schuster](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/dylan_schuster/32/2850_2.png) [@Dylan\_Schuster](https://forums.losant.com/u/Dylan_Schuster)\
**Post date:** [February 20, 2019, 4:09pm UTC](https://forums.losant.com/t/embedding-dashboard/1543/4 "2019-02-20T16:09:10Z")

</div>

Can you open [Chrome’s inspector](https://developers.google.com/web/tools/chrome-devtools/) and see if you are getting any console errors? I can think of a couple possibilities here …

- Your browser is blocking the cross-origin script that loads the dashboard
- There is malformed HTML in your page that is causing the script to fail

If you’re getting an error in your console, please paste it here. I’m running the above snippet and the dashboard is displaying fine for me.

Thanks.

---

<div class="post-metadata">

**Author:** ![Dave\_Verschleiser](https://avatars.discourse-cdn.com/v4/letter/d/ce7236/32.png) [@Dave\_Verschleiser](https://forums.losant.com/u/Dave_Verschleiser)\
**Post date:** [February 20, 2019, 4:47pm UTC](https://forums.losant.com/t/embedding-dashboard/1543/5 "2019-02-20T16:47:17Z")

</div>

Here’s the error I’m getting in Chrome: (I had to change all the https instances to htt because apparently I’m only allowed to include 3 links in a post.)

common-38e345460c172051dc11.js:135 Uncaught DOMException: Failed to read the ‘localStorage’ property from ‘Window’: Access is denied for this document.  
at Object. (htt://app.losant.com/common-38e345460c172051dc11.js:135:7610)  
at o (htt://app.losant.com/common-38e345460c172051dc11.js:1:410)  
at Object. (htt://app.losant.com/common-38e345460c172051dc11.js:117:454845)  
at o (htt://app.losant.com/common-38e345460c172051dc11.js:1:410)  
at Object.2201 (htt://app.losant.com/main-58c5ea64cd6edc716443.js:1:500418)  
at o (htt://app.losant.com/common-38e345460c172051dc11.js:1:410)  
at Object.2200 (htt://app.losant.com/main-58c5ea64cd6edc716443.js:1:500308)  
at o (htt://app.losant.com/common-38e345460c172051dc11.js:1:410)  
at window.webpackJsonp (htt://app.losant.com/common-38e345460c172051dc11.js:1:284)  
at htt://app.losant.com/main-58c5ea64cd6edc716443.js:1:1

---

<div class="post-metadata">

**Author:** ![Dylan\_Schuster](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/dylan_schuster/32/2850_2.png) [@Dylan\_Schuster](https://forums.losant.com/u/Dylan_Schuster)\
**Post date:** [February 20, 2019, 4:56pm UTC](https://forums.losant.com/t/embedding-dashboard/1543/6 "2019-02-20T16:56:51Z")

</div>

Are you running a webserver locally ([http://localhost](http://localhost)) or are you viewing the web page from your file browser (file:///)?

And do you have [this setting](https://www.chromium.org/for-testers/bug-reporting-guidelines/uncaught-securityerror-failed-to-read-the-localstorage-property-from-window-access-is-denied-for-this-document) enabled in Chrome?

---

<div class="post-metadata">

**Author:** ![Dave\_Verschleiser](https://avatars.discourse-cdn.com/v4/letter/d/ce7236/32.png) [@Dave\_Verschleiser](https://forums.losant.com/u/Dave_Verschleiser)\
**Post date:** [February 20, 2019, 6:15pm UTC](https://forums.losant.com/t/embedding-dashboard/1543/7 "2019-02-20T18:15:30Z")

</div>

Block 3rd party cookies is turned on. I can’t change it, nor will my users be able to change it because of company policy. I’ve been using file:///.

Thanks,

**Dave**

---

<div class="post-metadata">

**Author:** ![Dave\_Verschleiser](https://avatars.discourse-cdn.com/v4/letter/d/ce7236/32.png) [@Dave\_Verschleiser](https://forums.losant.com/u/Dave_Verschleiser)\
**Post date:** [February 20, 2019, 6:16pm UTC](https://forums.losant.com/t/embedding-dashboard/1543/8 "2019-02-20T18:16:25Z")

</div>

Actually, I’ve tried it with file:/// and  
[http://localhost](http://localhost) . both give same result.

---

<div class="post-metadata">

**Author:** ![Dylan\_Schuster](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/dylan_schuster/32/2850_2.png) [@Dylan\_Schuster](https://forums.losant.com/u/Dylan_Schuster)\
**Post date:** [February 20, 2019, 6:45pm UTC](https://forums.losant.com/t/embedding-dashboard/1543/9 "2019-02-20T18:45:49Z")

</div>

Thanks for the info. I’m able to reproduce the issue you’re talking about and am working on a fix.

We have a release scheduled for early next week, and the fix will go out at that time.

---

<div class="post-metadata">

**Author:** ![Dave\_Verschleiser](https://avatars.discourse-cdn.com/v4/letter/d/ce7236/32.png) [@Dave\_Verschleiser](https://forums.losant.com/u/Dave_Verschleiser)\
**Post date:** [February 20, 2019, 6:57pm UTC](https://forums.losant.com/t/embedding-dashboard/1543/10 "2019-02-20T18:57:19Z")

</div>

Thanks!

Thanks,

**Dave**