The way lovelace places cards into views may seem a bit weird if you don’t fully understand the rules.
But who wants to read the source to find out about card heights, and the limits of five and stuff? Shouldn’t things be simpler?
I am getting this error when trying to use the “- break:” function in the layout-card -> Uncaught TypeError: Cannot read property ‘startsWith’ of undefined.
Edit: Turns out I was using a colon after “- break” which shouldn’t have been there however now when trying this with the modder-card i am hitting this error -> Uncaught TypeError: this.card.setConfig is not a function
Edit#2 After struggling trying to get this to work with the modder-card for a couple of hours it seems all I needed to do was go to another tab within lovelace and immediately go back and just like that it worked. I’ve had this trouble with other cards but usually I get the red-info card but in this case all I got was the error message in the lower left corner and I assumed it wasn’t working. Another lesson learned, hopefully this helps someone else.
I have a lot of errors in system log when resizing the browser’s window: /local/custom-lovelace/layout-card/layout-card.js:69:1 TypeError: this.$ is undefined
Now i workaround it by adding if (typeof(this.$) != "undefined")
is it OK?
Thank you, it work’s great. About toggle lock entity row - it works only with “switch” type. What about the “input_number”? For now it convert’s the “input_number” to “switch”…
One suggestion if it’s possible please - could there be an option for “up to column count” or “maximum column count”?
For example, I like to use the horizontal layout, and on my 24" monitor it automatically results in 5 columns. I would like to reduce this to 4 columns but don’t want to force this to be the case when viewing from a smaller display such as a mobile phone. The result would be auto column count by screen size, up to and no more than 4 columns on larger screens.
Happy to put this request in GitHub if you prefer?