Can I have custom sidebar (https://github.com/wassy92x/lovelace-ha-dashboard) and layout-card (https://github.com/thomasloven/lovelace-layout-card) combined somehow?

Configuration Frontend
1

I’d like to create a view with BOTH a custom sidebar (one that lets me put card in it) and custom layout (e.g. width / height control). But one has to contain this

views:
  - title: Layout Card View
    type: custom:masonry-layout
    layout:
      width: 800
      max_cols: 3

While the other has this

views:
  - title: Sidebar
    type: custom:ha-dashboard

I actually want to have a view with both sidebar and layout control where I can control width of each column etc. Is there any way to achieve something similar?

2

Here is the code I used to recreate energy dashboard, but with wider sidebar:

type: custom:layout-card
layout_type: custom:grid-layout
layout_options:
  grid-template-columns: auto 380px
  grid-template-rows: 85px auto
  grid-template-areas: |
    "selector selector"
    "main sidebar"

Selector are is used to put there date selector, main represent main energy graphs and sidebar is for stack of various related cards. So obviously I’m not using custom sidebar card, but recreating it using layout card.
As main is grid cell, you can use it to put any card insode, including another layout card or stack in cards combination to build layout you want.
Here is output:

image
image1518×1139 172 KB

3

Your suggestion and code sample is immensely helpful to me. Thanks so much.