Comments (20)
Hey all, I had the same error after updating to 0.107.x
from 0.104
.
There is a workaround to fix it. You can use "lovelace card preloader" plugin, in order to preload the cards that are unable to load. I was in trouble with the conditional
lovelace card, now It is fixed :)
More info here: https://community.home-assistant.io/t/lovelace-card-preloader/176655
from vertical-stack-in-card.
To clarify, all the custom cards will still work, only the "standard" HA cards are not.
It doesn't matter which version are you updating from, it is a change done from the 0.107.0 onwards that requires a change in the plugin.
from vertical-stack-in-card.
I've created a new card which is almost a drop-in replacement for vertical-stack-in-card and a bunch of other features:
https://community.home-assistant.io/t/stack-in-card-drop-in-replacement-for-vertical-stack-in-card/180072
from vertical-stack-in-card.
Fixed in version 0.3.0, thanks!
from vertical-stack-in-card.
It works for me with HA 0.106.0b2.
from vertical-stack-in-card.
Yeah, so it is working for me with everything, except one card. As soon as I put that card in with custom:vertical-stack-in-card then I get a bunch of errors/red. This is the offending card/code:
- type: vertical-stack
cards:
- type: picture-glance
title: Harmony Upstairs
entities:
- switch.samsung_tv
- switch.kodi
state_image:
"PowerOff": /local/img/power_off_red.png
"TV": /local/img/samsung_logo.png
"HTPC": /local/img/kodi_logo.png
entity: sensor.harmony_upstairs_activity
- type: conditional
conditions:
- entity: switch.samsung_tv
state: 'on'
card: !include upstairs_samsung.yaml
- type: conditional
conditions:
- entity: switch.kodi
state: 'on'
card: !include upstairs_kodi.yaml
As soon as I change the above card to vertical-stack then the others all work with custom:vertical-stack-in-card
The strange part about it, is that I have two different harmony cards using pretty much the same code, one for upstairs and one for downstairs using picture-glance and conditional options. The downstairs one is working fine but the upstairs one breaks it as soon as I use custom:vertical-stack-in-card
Very strange?
from vertical-stack-in-card.
I think its got to do with the conditional, because I have a similar card that causes issues with conditional view. others that dont have conditional types work okay.
from vertical-stack-in-card.
lazy loading was reverted for 0.106. It will break again in 0.107. https://developers.home-assistant.io/blog/2020/02/18/106-custom-card-changes
from vertical-stack-in-card.
I confirm that this is broken in 0.107. Any card types used in this card that aren't used elsewhere in the view are broken.
from vertical-stack-in-card.
same problem in 0.107
from vertical-stack-in-card.
also here on 0.107.0
from vertical-stack-in-card.
Worked find in 0.106.X ... so don't think this is really the place to post about 0.107.X ... yes it doesn't work though :(
from vertical-stack-in-card.
It worked on 0.106.X because the lazy load has been reverted in one of the 0.106.x releases.
As @iantrich menthioned that change that is impacting this card has been re-introduced into 0.107.0 (https://developers.home-assistant.io/blog/2020/02/18/106-custom-card-changes/) therefore this was originally happening on 106 but because of HA change it is now happening from 107, basically the issue is the same.
from vertical-stack-in-card.
Nope.. does work for me in 107 .. was wrong before... just the resource didn't get automatically transferred over to the new config :)
from vertical-stack-in-card.
Well it does not work for me because of that change Ian menthioned.
In fact, every non-custom card that is loaded under this card, doesn't work.
Example:
from vertical-stack-in-card.
Afer upgrade to 0.107.1, it's broken for me too.
Vertical card doesn't work with map and markdown. I get this error:
The lovelace code:
- cards:
- content: "hello"
type: markdown
- aspect_ratio: '16:9'
entities:
- entity: device_tracker.1
- entity: device_tracker.2
- entity: device_tracker.3
- entity: device_tracker.4
- entity: device_tracker.5
type: map
type: custom:vertical-stack-in-card
from vertical-stack-in-card.
I have errors in several cards too, with 0.107.0 and 0.107.1.
from vertical-stack-in-card.
Hey all, I had the same error after updating to
0.107.x
from0.104
.
Same here, from 0.106.5 to 0.107.1
There is a workaround to fix it. You can use "lovelace card preloader" plugin, in order to preload the cards that are unable to load. I was in trouble with the
conditional
lovelace card, now It is fixed :)
It works for most cards used within vertical-stack, just not divider, it still shows:
Custom element doesn't exist: hui-divider-row.
from vertical-stack-in-card.
Thanks for the tip @alemuro
Just as information, that solution doesn't work for the "divider" for some reasons
from vertical-stack-in-card.
I only get that error when I load stuff in an entity row .. working fine in the vertical-stack-in-card
... either way I think this maybe fix your issues:
https://github.com/gadgetchnnel/lovelace-card-preloader/
from vertical-stack-in-card.
Related Issues (20)
- Cannot upgrade von v0.4.2 to v0.4.4
- Upgrade to 0.4.4, seems not to be loaded HOT 3
- Card border shown when conditional card is used HOT 12
- Alignment and formatting problems. HOT 2
- Nested card now show borders HOT 1
- Title FontSize
- Card "Not loaded in lovelace" but works anyways ? HOT 2
- Background shoudn't be inherrited in cards HOT 1
- e is undefined HOT 1
- Cannot read properties HOT 2
- Card sometimes gets visually messed up HOT 2
- Vertical stack with mushroom select card HOT 1
- Sometimes card border shown, sometimes it doesn't HOT 19
- Custom element doesn't exist: vertical-stack-in-card. HOT 4
- This._configElement.setConfig missing HOT 2
- Vertical Stack in card is down HOT 1
- Shadow card appearance HOT 1
- Something changed? HOT 4
- set stacks width HOT 1
- Integration with sections HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vertical-stack-in-card.