Huge thanks for singleSectionMode - it’s going to be great!!
1 Like
Thanks for finding that! I totally forgot to move it out of beta 
Changed it to be non-beta now 
1 Like
Hey Guys, I’m not very good at yaml, yet. Is there a way to get some buttons under the player? At the moment my buttons in in another column on the right.
type: horizontal-stack
cards:
- type: vertical-stack
cards:
- type: custom:custom-sonos-card
singleSectionMode: groups
- type: custom:custom-sonos-card
singleSectionMode: media browser
layout:
mediaItem:
width: 15%
- type: vertical-stack
cards:
- type: entities
entities:
- show_name: true
show_icon: true
type: button
tap_action:
action: navigate
navigation_path: /
icon: mdi:arrow-left-circle
name: Back to home
- type: custom:custom-sonos-card
singleSectionMode: player
layout: null
players: null
width: 70%
- type: grid
columns: 4
square: true
title: NAD M10 Controls
cards:
- type: custom:button-card
icon: mdi:power
size: 10%
tap_action:
action: call-service
service: script.nad_on_off
- type: custom:button-card
icon: mdi:volume-mute
size: 10%
tap_action:
action: call-service
service: script.nad_mute
- type: custom:button-card
icon: mdi:volume-minus
size: 10%
tap_action:
action: call-service
service: script.nad_volume_down
- type: custom:button-card
icon: mdi:volume-plus
size: 10%
tap_action:
action: call-service
service: script.nad_volume_up
Thanks!
Should be moved out of beta so you should be able to upgrade it now
If you’re having trouble to go
HACS
then integrations
and it should be there … open up the 3 dots in the upper right hand and you can select redownload that should fix it…
But since it’s out of beta it’ll probably show up as an update on your main HACS page now
1 Like
You don’t have your buttons under the vertical-stack… you have outside of that. try this:
- type: vertical-stack
cards:
- type: entities
entities:
- show_name: true
show_icon: true
type: button
tap_action:
action: navigate
navigation_path: /
icon: mdi:arrow-left-circle
name: Back to home
- type: custom:custom-sonos-card
singleSectionMode: player
layout: null
players: null
width: 70%
- type: grid
columns: 4
square: true
title: NAD M10 Controls
cards:
- type: custom:button-card
icon: mdi:power
size: 10%
tap_action:
action: call-service
service: script.nad_on_off
- type: custom:button-card
icon: mdi:volume-mute
size: 10%
tap_action:
action: call-service
service: script.nad_mute
- type: custom:button-card
icon: mdi:volume-minus
size: 10%
tap_action:
action: call-service
service: script.nad_volume_down
- type: custom:button-card
icon: mdi:volume-plus
size: 10%
tap_action:
action: call-service
service: script.nad_volume_up
Thanks Man, unfortunately I get an ‘Invalid Configuration - type: grid’ error, so perhaps a grid card is not allowed? I dunno!
Thanks for your help anyway 
I’m sure it is …just keep tinkering with it
Thanks! Amazing what a night’s sleep can achieve. I fixed it and learnt a lot about indentation! Thanks for your help.
1 Like
Good day! absolutely love the card. I am having one small issue I cannot seem to resolve.
In panel mode my media browser is displayed correctly and has all the paths to browse my current media
In singleSelectionMode it has a different view and is missing a lot of my media. Any suggestions on this? I attached a photo link for refrence.
You need to have the groups section on the same page
Okay sorry, so like have panel view selected but make my groups as one card type deal?
Hello,
ive got an strange question.
What are these icons?
can i hide them?
Some Sonos players have additional features. Simply hide them with:
skipAdditionalPlayerSwitches: true
Super noob here, and I’m struggling. Hoping you can help me get this figured out.
I downloaded the add on. Went to install the custom card - copied and pasted everything on a new custom card, but I’m getting the following error:
“Custom element doesn’t exist: custom-sonos-card.”
I’m a little lost by the part of the instructions that says:
"Add the custom card as a module, like this:
resources:
- url: /local/custom-sonos-card.js?v=1.0
type: module"
I have studio Code Server add on to try to find this, but no luck. I saw it once, but since it still wasn’t working I deleted it and tried to start over.
When I click the download button, it never seems to complete. It just keeps spinning the wheel after 30 minutes even.
Any advice would be very appreciated. Thank you!
What a great card.
Is there a way to hide the groups and grouping buttons? I’ve tried using layout and setting it to 0%.
Really I’m looking just for the main control with artwork with media side by side full screen, and if they Library allowed to select playlists from my YT Music that would be great.
Now I’m using panel view and single section mode.
Thanks a bunch!
Hiding the groups? Why? Don’t you want to be able to select which Sonos player to use?
I want to apologize in advance because I am very new to HA. I don’t really know how to “download the resources” and then “add custom card as module”. I looked and researched many forum, and couldn’t find how to download resources. And I can find a way to “add custom card as module”.
I am so sorry for a noob question.
Thanks in advance
I can help with this!
from your dashboard, click 3 dots
click edit dashboard
Click 3 dots again
click manage resources
Find the one for the sonos card and click it
click update (JS module should already be selected)
2 Likes
Thank you for the detailed walkthrough