That version of the card doesn’t work in apps.
The new version 2.0 (still in beta( uses spotcast so there are no direct calls to spotify hence no auth redirect
You can use the GUI config editor, much nicer and we have spent a lot of time with it.
Here is my setting:
account: niklas
display_style: Grid
grid_cover_size: 90
hidden_cast_devices:
- Vardagsrum
- Vardagsrum 3
limit: 15
type: 'custom:spotify-card'
Leave out account if you only use default account in spotcast
Thanks for the reply
Great card btw! And the new one looks even better
Any way i can try then new one?
Did you manage to see something what is causing the issue?
I cant reproduce it. I really need those debug prints from the js console in your browser to continue digging
Hmmm… to use this do i need to delete completely yaml mode.
In yaml mode why i don’t get those options working?
And what about featured playlists? How to use country_code?
EDIT: i noticed i still need the client_id while you don’t use it… Maybe i still do not understand how the new card (or the new spotcast) work…
Finally got it working! It works so great! (screenshot of the ymal config)
The new UI looks amazing. Installed to new update in HACS (v2.0.0-beta.2) but don’t know how to get the UI 
Any ideas?
You said “New UI looks amazing” and then that hou d know how to get the new UI.
Can you explain?
To everyone: the new card doesn’t look like the old one. It follows the lovelace teeming.
The new card settings interface from the screenshots in the thread* Just trying to be supportive. Really like that you have done
Right. I think these settings are only shown when not using yaml mode. If you enter “configure UI” int the top right of the lovelace page 3 dots appear (if I remember correctly) on each card
Can you please show me what is the grid option? I configured in yaml mode display_style: grid and grid_cover_size: 90 but nothing is changed related to the previous release… what is the meaning of grid_style?
Try Grid instead of grid. Capital case first letter.
grid-style doesn’t exist as an option
Basically try
display_style: Grid
It is much easier in non yaml mode with the new UI editor
Yes, i have Grid as option. How to use the new UI editor? Must switch from yaml mode to not yaml mode?
Yes, it is not possible in yaml mode. it is built in to lovelace so it is not something I can control
So Grid will work only with the UI Editor?
@fondberg I’ve downloaded the stable 1.27 version first but I found out it can’t be used in apps and that on the 2.0 HACS release I’m able to use it in apps.
I’ve installed spotcast and calling the service it starts music on my chromecast fine.
On the HACS description it tells me to add the lovelace resource as a module with the
path “/hacsfiles/spotify-card/spotify-card.js” and when I go to add the card i get an error that says Custom element doesn’t exist: spotify-card.
the code that I am using for the card is:
cards:
- type: ‘custom:spotify-card’
as I’m a newbie can you shed me some light on where to go with this error?
I’m getting ‘Illegal Scope’. If I remove the birthday part out of the URL then it works:
lovelace/media&scope=user-read-private%20user-read-email%20playlist-read-private%20user-read-birthdate%20user-read-playback-state%20user-modify-playback-state&response_type=token
Any idea on why this is happening? I confirmed my birthday is set in Spotify.
This is added by spotify. Not me
I did something wrong releasing latest version for v2. No beta.3 is released which should work
