Google Calendar in iFrame

Configuration
1

I’m trying to embed Google Calendar into Home Assistant using Panel iFrame but it’s not working for some reason. Other websites work eg.

panel_iframe:
  home_assistant:
    title: 'Home Assistant'
    url: 'https://www.home-assistant.io'

but not this

panel_iframe:
  calendar:
    title: 'Calendar'
    url: 'https://calendar.google.com/calendar/'

Is there something about Google Calendar that will not work? What I’m would like to do is have a touch screen attached to the RPi, and run Chromium in kiosk mode so that Home Assistant is the only program running.

2

I found a solution

Add a Google calendar to your website

edit: So instead of having a separate panel for the calendar, I created a custom card. Is there a way that Home Assistant can log into the calendar using a google account? Because I would like to be able to add/edit events using the HA UI.

3

Old topic but I am looking at this and can’t find an answer. I use google calendar in a tab in my browser with multiple calendars shown. If i put in the URL “https://calendar.google.com/calendar/r/customday” or the embed URL into a panel_iframe i get a message “accounts.google.com refused to connect”.

Any ideas if this can work?

P.S. weblinks work but launches a new tab which is not what I am after?

4

Follow the instructions on the link on the solution above yours, and customize your feed.
Add a Google calendar to your website
But, only paste what is inside the first 2 quotes (right after <iframe src="), and also don’t include what is after the quotes (something like style=“border-width:0” width=“800” height=“600” frameborder=“0” scrolling=“no”>)
Also, what I have found is google changed the way they separate the calendars (if you have multiple), and now use a semicolon as a separator, HA does not accept this. If you paste your custom link into notepad, then replace all semicolon’s ; with an ampersand &.

5

Thanks. I get the connection refusal. I just had a thought it might be because it is a https connection to the calendar but I am just using http to connect to my HA?

6

That shouldn’t matter, it’s just a web page.
I see that message when url from calendars is malformed. Are you going to customize, or just sharing main calendar? If just main, try clicking customize anyway and copying that link.
If multiple, remember to replace semicolons with ampersand.