Hide topbar for sidebar items (like the iframe panel)

Configuration
1

Hi,

Does anyone ever figured out how to hide the top bar when using sidebar items?
In my case i have a couple of iframe-panels for which I would like to hide home assistant top bar. (The one just displaying the name of the iframe-panel)

Thanks,
Joris

2

Look for Compact Custom Header.

3

Cch does not work outside of lovelace. The iframe panel Ia not effected by Cch

4

@vandalon

Did you find a solution?

5

No, but I don’t longer use iframes :slight_smile:

6

Have you switch to something similar?

7

HAve you found a solution? I would love to embeed Music Assistant into an Iframe card for a jukebox experiernce.

8

Same here, works perfectly in IFrame but need to hide that header! Did you find a solution?

9

If you mean me, I did!

I embed the MA interface directly.

type: iframe
url: http://homeassistant.local:8095/#/home
aspect_ratio: 155%
view_layout:
  grid-area: footer

If not, good luck on the quest!

10

@Schottburg GitHub - lovelylain/hass_ingress: Home Assistant ingress feature, add additional ingress panels to your Home Assistant frontend.

ingress:
  link_iframe:
    work_mode: iframe
    ui_mode: normal
    title: Title
    icon: mdi:link
    url: https://www.example.com/

work_mode: iframe # similar to ha iframe
work_mode: ingress # similar to hassio ingress
ui_mode: normal # without top bar
ui_mode: toolbar # with top bar