Hi happy people… I am new to lovelace. I wanna build a nice dashboard (also for the WAF) it has to be clean and intuitive. BUT I am failing directly in organizing the widgets. Just a small example attached. I want cam left and weather right. But it is set automatically by home assistant. Could someone help me out with this?
Would you mind posting an example how to make this in this case?
I use custom cards
what about using the “horizontal-stack” card
The problem is the proportions don’t fit my needs …means a picture-glance card with my live feed for my cam will be small and beside my custom radial card will use too much space …I might be wrong but I never got the result I wanted
type: 'custom:layout-card'
cards:
- type: weather-forecast
entity: weather.chauconin_neufmontiers
- type: picture-glance
title: Front House
entities: []
camera_image: camera.front_door
camera_view: live
style: |
ha-card {
background: none;
box-shadow: none;
color: white;
}
so far i have this:
But I am now missing to use custom css for the frame of the cam and the weather like here:
And here is where I am stuck
Here is how I configured the cam card for example:
Sorry, but i’m a complete CSS noob.
You dont have your styles defined in the code above, maybe that’s the problem?
The are multiple examples on the layout-card git.
Also one for setting the column_width. Maybe give it a try.