Adding an iframe in a card?

Configuration
1

Is it possible to embed an iframe in a card?

I’m trying to create a train timetable card, I know I could do it with sensors but I would prefer to embed something like this on a card that is on display.

I found this which suggests using notification cards, but I don’t think I can use it to embed an iframe.

2

I have the same question.

3

Me too, I’d like to embed some charts pulled in from google sheets, etc

4

Maybe this will help. A bit more work is needed for the CSS.

5

Here’s one I just made for inside a picture elements card, you can specify all kinds of sizes with that:

6

Hi, just need some help for a noob.
I tried to use the custom-iframe card as explained in lukevink Github but I got always the same message on mi picture-card–> Custom element doesn’t exist: custom-iframe.
This is what I’ve done:
1.-Download and copy custom-iframe-card.js into /www/js (also tried copying in www, also in the same dir as my ui-lovelace.yaml)
2.- Edit my ui-lovelace.yaml and add js as a resource
3.- Add to my card (inside ui-lovelace.yaml) the custom-iframe
But… no result at all, All I got is a big red frame with the msg … custom-iframe doesn’t exist
Here is my code. (ui-lovelace.yaml)
Identation should not be the problem (no errors at editor)

title: home
panel: true
resources:
  - type: js
    url: /local/js/custom-iframe-card.js    
views:
  - title: Salón
    badges: []
    path: Salon
    panel: true
    icon: 'mdi:home-floor-0'
    cards:
      
      - type: picture-elements
        image: /local/salon_off_0.png
        elements:
          - type: 'custom:custom-iframe'
            url: www.google.es
            style:
              left: 50%
              top: 50%
              width: 50%
              height: 50%

Any suggestion/help/clue would be really appreciated!!
Thanks in advance for your time!!

7

This unfortunately doesn’t seem to work anymore.