0

Dashboard in an iFrame
Moderators: adafruit_support_bill, adafruit

Forum rules
If you're posting code, please make sure your code does not include your Adafruit IO Active Key or WiFi network credentials.
Please be positive and constructive with your questions and comments.

Dashboard in an iFrame

by wsquared58 on Mon Nov 30, 2020 3:24 pm

Is it possible to embed an IO dashboard in an iFrame?
I plugged link in that says for sharing but it doesn't load and there is some error about Refused to display 'https://io.adafruit.com/MyUserName/dashboards/indoor-gauges' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

wsquared58
 
Posts: 168
Joined: Sun Jun 09, 2019 9:13 pm

Re: Dashboard in an iFrame

by jwcooper on Tue Dec 01, 2020 6:39 pm

wsquared58 wrote:Is it possible to embed an IO dashboard in an iFrame?
I plugged link in that says for sharing but it doesn't load and there is some error about Refused to display 'https://io.adafruit.com/MyUserName/dashboards/indoor-gauges' in a frame because it set 'X-Frame-Options' to 'sameorigin'.


As of this moment, we do not support this feature. We would like to have embedding support in the future though.

Out of curiousity, what is your use case?

jwcooper
 
Posts: 781
Joined: Tue May 01, 2012 9:08 pm

Re: Dashboard in an iFrame

by wsquared58 on Tue Dec 08, 2020 8:04 pm

There is an open source project on Github called MagicMirror where there is an abundant number of modules that you plug in and configure for your circumstances and the module combination you've chosen. I'll attach screenshot of what I have built. In the screenshot youll see what is a live NOAA NWS radar loop. It is embedded in the iFrame module. Prior to that, I had a YouTube live stream in iFrame. I have a couple of IO Plus dashboards built that read temp humidity pressure from BME280 and MPRLS sensors. It would be nice to drop the dashoard in that I frame. A bunch of the modules are way over my head but integrate different IoT devices so seems like it would be a good fit for various things like dashboards. Modules mostly written in javascript overlaid on to a configured index.html page.
Main Page https://magicmirror.builders/, A small election of 3rd party modules. https://github.com/MichMich/MagicMirror/wiki/3rd-party-modules

It is called Magic Mirror because project start life as device where you used two way mirror, put Pi and small monitor behind mirror where it would show through but still act as a room mirror. It has subsequently expaned its horizons using touchscreens, IOT devices lots of other stuff. I've got the BME/MPRLS running on same Pi as MM software modules with no problems. There is a BME280 module and a couple of DHT modules that read the data directly and use some chartjs software to present the data. seemed rather cumbersome and GPIO pin intensive compared to Adafruit IO.
Attachments
MagicMirrorAllInOne.jpg
MagicMirrorAllInOne.jpg (262.69 KiB) Viewed 115 times

wsquared58
 
Posts: 168
Joined: Sun Jun 09, 2019 9:13 pm

Please be positive and constructive with your questions and comments.