Sidebar help

I am hoping to recreate a sidebar that looks and feels something like the below, but have no skills at all in css. I was wondering if anyone knows of a card which already exists to serve this purpose? I am not sure if the existing db sidebar card could be used but seems like it would need modification to the .js file which I haven’t had success in doing.

Ideally I’d like an entity picture for the current user at the top, then view menu in the middle almost exactly as shown, and a settings view at the bottom of the screen.

My only other thought is to use a vertical stack in card and button actions but that seems messy!


What’s that template? Your own?

Nope, it’s a mock-up from Dribble that I am hoping to replicate parts of :slight_smile:

I’ve got the layout that I want using a stack-in-card so for the time being will use a single view, input selects and conditional cards to achieve my desired layout, but having a sidebar card with different views would be a much better option!

This looks fantastic! Watching progress form a distance.

Very slow progress sadly :frowning:

Working on the main room cards now, nearly there.

Basically this will be the Home Screen with some favourite and shortcuts on the right and a title up top, search button and notifications top right. Clicking on each room will transition the main part of the dash to a full room view using state switching.

How is progress coming along? :slight_smile: