Configure lovelace cards as side panels

I have a few input_booleans and input_numbers to configure things like when and if automations should run. It is nice to have them in the UI so I don’t have to change the config every time I would like to update the values. However, the frontend feels kind of cluttered when I add them, and usually I just end up with lots of tabs with configuration. Instead I would like to add them as different side panels (like HACS and configuration panel and such). Is there an easy way to create such a side panel without having to code a custom panel in javascript? I dont mind coding it, I just prefer to configure it just like the main UI if I can :slight_smile:

A bit of a hack but I was curious if you could do this.

First use the link below to get a kisok view (no top bar no side bar)

Then use the url for a view and follow it with ?kiosk as the URL for an iframe_panel (ie. https://192.168.1.2:8123/lovelace/4?kiosk)

example:

panel_iframe:
  automations:
    title: 'Automations'
    url: https://192.168.1.2:8123/lovelace/4?kiosk
    icon: mdi:home-automation

If you don’t want the view to show, put it as the last view and use icon: mdi:blank which will hide the icon and make it appear as its not there.

So super hacky, but it works.

1 Like

Really like this despite the hackiness! :smiley: Haven’t tried it yet on my system, but I cant think of anything that prevents me from using the same solution in several panels, right? In that case it would be a supersmooth solution since adding more panels would only require 3 more lines of code (per panel)!