How to embed a webpage in a Dashboard view?

[mkanet]

I already have too many items on my sidebar. How can I embed a webpage in a Dashboard view? I would much more prefer accessing webpages by clicking on views on my Dashboard.

I’ve been searching on the forum… however, all I can find is how to add an iframe panel to the sidebar. Surely, there’s gotta be a way to add a webpage to a Dashboard view.

[tom_l]

Put one of these cards in the view and set the view to panel mode (one card).

Webpage Card

[DavidFW1960 (David)]

How do I get rid of the whitespace around the cards here?

  - title: Precious Metals
    path: precious-metals
    icon: mdi:currency-usd
    cards:
      - type: iframe
        url: https://www.kitconet.com/images/live/s_gold.gif
        title: Gold
      - type: iframe
        url: https://www.kitconet.com/images/live/s_silv.gif
        title: Silver

[tom_l]

How about using a generic camera (not sure if it supports gifs) and a picture card instead?

[DavidFW1960 (David)]

a generic camera does support gifs but I can just use the url in a glance card:

  - title: Precious Metals
    path: precious-metals
    icon: mdi:currency-usd
    cards:
      - camera_view: auto
        type: picture-glance
        title: Gold
        entities: []
        camera_image: camera.www_kitconet_com_gold
        tap_action:
          action: none
      - camera_view: auto
        type: picture-glance
        title: Silver
        entities: []
        camera_image: camera.www_kitconet_com_silver
        tap_action:
          action: none

It didn’t seem to like adding a picture card

[tom_l]

Thomas Loven to the rescue (again):

hui-element - Use built-in elements in the wrong place

Funny thing about lovelace - cards, rows in the entities card, badges and elements in the picture-elements card work exactly the same behind the scenes. That means that you can use them interchangeably if you know how, and e.g. put a button right in an entities card, a badge somewhere in the middle of your view or a markdown card (with background and border removed) right in your carefully crafted picture-elements card. Pretty neat stuff that allows for some fantastic creations. However. Becau…

[DavidFW1960 (David)]

actually I got it to work in an picture entity card

      - show_state: false
        show_name: false
        camera_view: auto
        type: picture-entity
        camera_image: camera.www_kitconet_com_gold
        entity: sensor.open_exchange_rates_usd_xau
        name: Gold
      - show_state: false
        show_name: false
        camera_view: auto
        type: picture-entity
        camera_image: camera.www_kitconet_com_silver
        entity: sensor.open_exchange_rates_usd_xag
        name: Silver

They both look identical. The markets are closed now so I think I’ll wait and see what happens when the markets open - maybe one or other approach will be lighter on resources than the other.

[Stueyhughes (Stuart)]

Sorry guys, I’m a complete newbie and not a Teccy. How do I get this card available to me. I have managed to install HACS but don’t know where to go next.