Correct, thanks for clarifying @Stiltjack
Will you share your code about sonos-card? I am not able to see in the media what you are showing me… And of course i have some wrong option in my code…
I cannot play playlists saved in the NAS as everyone gives me an error while, playing the same playlist from the Sonos app, i have no problems…
It gives me this error: ‘NoneType’ object has no attribute ‘get_uri’.
Um… well…
type: custom:sonos-card
That’s it. 
1 Like
Ok, so i need to disable some of all the other options… thanks!
P.S. Are you able to play m3u files from NAS?
Wouldn’t know where to start! 
All mine are standard mp3 or flac files.
Ok, same for me, but when decoding my CD i used an app which creates automatically also m3u files. They are not playable from the sonos card while i can play them from the Sonos app.
This does not sound like an issue specific to the Sonos card.
To see what is already available in your installation, have a look in the built in media browser of home assistant: http://homeassistant.local/media-browser/browser
@SPESINO I’ve made some modifications, please try out the new alpha: Release v6_alpha-3 · johanfrick/custom-sonos-card · GitHub
- some font changes
- changed the style of the grouping buttons
Would still be nice with some examples or sketches, since I suspect I don’t fully understand what you suggest.
1 Like
Good morning. First of all, great work that you are doing, and let it be clear that what I am going to show you is done in a short time and it is an idea because I don’t know if it can be done, basically it is just something of design. Attached 4 photographs. Let us begin.
Point 1: Can the title be the text size a little bigger so that the area can be seen?
Point 2: How can this text be changed or deleted? The truth is not very well in the design.
Point 3: Image design of the Album where you can see the inside of the cd with the artwork of each track on the cover and on the disc, the slightly larger size of the letter, and also the title (in this case, playlist ) I think it is small especially in mobile resolutions. It’s just an idea.
Point 4: In this view is where I see less design, it would be nice to put an image with the type of speaker it is, or the corresponding group if they come together, with an attached image, also to be able to put a title since it only marks the speakers that We have available, I don’t know, a twist.
Point 5: much better design than the previous one, but it would also be nice to be able to add a title to the “card” and the grouping of speakers, although the design has improved, if it is put in mobile mode it does not look well framed since his thing would be that It will be more centered for a better view. I hope I can help you as much as possible and thank you very much again first of all. All the best.
Really liking the new version.
My question is as I’m not using the player I have a lot of white space, can I use CSS to auto-fit the card?
Cheers
Lot’s of great ideas, thanks @SPESINO!
Changes in Release v6_alpha-4 · johanfrick/custom-sonos-card · GitHub according to your points above:
-
Text size increased. Also showing name of predefined group if available.
-
Changed text to “No media selected”. And you can configure to something else if you want, in the visual card editor.
-
“Inside the CD” - No idea how to do this. Skipping it.
-
Now supports icon, IF you have configured an icon for your entity in Home Assistant. It will always pick the icon of the master player. Also using name of predefined groups here.
-
Buttons are now centered.
General: Titles on the sections I don’t agree with. They content of the section together with the footer icon should be enough.
4 Likes
The latest alpha release (v6_alpha-5) now includes a configurable height. Let me know how it works for you!
1 Like
That’s cool, I set this and it works perfectly.
heightPercentage: auto
Glad you like it! How do you do the popup? Browser mod?
I’m very surprised that works actually. 
The code requires a number between 50 and 100.
What can I say, here’s what I’m using. Works perfectly.
type: custom:sonos-card
sections:
- volumes
- groups
- grouping
- media browser
#- player
hideGroupCurrentTrack: true
groupingTitle: ''
predefinedGroups:
- name: Living Room and Fireplace
entities:
- media_player.sonos_fireplace
- media_player.sonos_living_room
- name: Master Bedoom and Bathroom
entities:
- media_player.sonos_bathroom
- media_player.sonos_master_bedroom
- name: Main House
entities:
- media_player.sonos_bathroom
- media_player.sonos_fireplace
- media_player.sonos_kitchen
- media_player.sonos_living_room
- media_player.sonos_master_bedroom
predefinedGroupsTitle: 'Groups'
heightPercentage: auto
card_mod:
style: |
ha-card {
color: grey !important;
background: white;
--accent-color: #c0c0c0;
#--primary-color: white;
#--secondary-text-color: #808080;
#--secondary-background-color: #e0e0e0;
}
I am currently playing with predefinedGroups which is a great feature! While enjoying the feature, I do observe 2 things here (I hope I have not overlooked anything in the instructions):
-
When I select such a group, it does not get selected in the
playerssection as well. On the contrary, the current selection remains unless the currently selected player is affected. It would be very handy if a group selection would also change the players selection! -
I have defined a group in which one of the players is occasionally without power for reasons. When I now select this group, only a short error message is displayed by HA that this player does not exist. Otherwise nothing happens, although other players do exist and are online. It would be great if these remaining players were grouped anyway!
Is that (technically) possible to be implemented? Many thanks! 
1 Like
Yes, basic config at this point.
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Sonos
dismissable: true
content:
type: custom:sonos-card
2 Likes