#yes
1 messages · Page 1 of 1 (latest)
I'm not used to UI-Minimalist thingy (that's one huge chunk of addon).
But I can guess it's something like this you want?
In fact it would be necessary that all the boxes are aligned because it is a bit of a mess as you can see on your image
I made a quick picture of what it should look like but I don't know how to do it
the black carrer represents the card shutters
and the red text is the name of the room
ok
the weather card doesn't render for me.
Yes, I also need to find another one ^^
This is totally what I need, how did you do it?
If you have a nice weather map, I'm interested
I only written few lines, most of the time took me setting up UI-Minimalist and replacing entities to make it render 😉
anyway with Layout Card (part of UI Minimalist) You can use custom layouts.
And 'grid' is the one that allows to render even rows.
Can u see my reply in pastebin?
type: custom:grid-layout # only grid layout supports rendering even columns
layout:
# 3 columns max, 300px minimum
grid-template-columns: |
repeat(auto-fit, minmax(max(100%/3, 300px), 1fr))
is the important part.
( grid is a bit geeky in that you have to define exactly how columns and rows render
I setup to mimic standard columns layout )
there are plenty of variables to control rendering in grid.
e.g. spanning between columns / rows.
view_layout:
grid-column: 1 / -1
e.g. this part spans tile and back button elements from first to last column
ok thanks
I'm a beginner on HA, so I take the opportunity to ask you the questions, the code you gave me I just need to add it at the end of the shutters code?
I pasted the entire code u gave my with changes. So just replace the entire view
Ok thank you !
You can search text by "layout" keyword and find the changed parts
Hello !
hi
I spent the evening with a friend trying to figure it out, but I couldn't. Would you be so kind as to give me the files you modified because they are clearly lost
Thank you very much!!!
We will look at this tomorrow to see how you did it,
You saved me a lot of time and I will be able to move forward more quickly on my project!
Check Layout Card (https://github.com/thomasloven/lovelace-layout-card) for options.
But basic knowledge of CSS styling (specifically the grid part) would be required to understand:
https://css-tricks.com/snippets/css/complete-guide-grid/