bbow987
December 16, 2024, 4:57pm
1
Some odd behavior, hopefully someone can give me a brilliant idea…
When setting a new dashboard as ‘default’ on the mobile app, whenever I launch the app the page (dashboard) is blank with the exception of the headers
The odd part (other than the blank page) is if I hit ‘edit dashboard’ or navigate to another dashboard and go back to the new one, everything displays just fine.
Setting any other dashboard as ‘default’ loads the page instantly on open, just not this dashboard.
I’ve also cleared the app cache/data - logged back in, etc. to no avail
Thoughts? Thanks in advance!
what is on that dashboard? anything custom that does not exist on another dashboard?
Does the old default dashboard still exist? If so, you might need to disable it in the sidebar.
bbow987
December 17, 2024, 5:01pm
4
Nothing that doesn’t exist in any other dashboard, it’s very strange behavior
bbow987
December 17, 2024, 5:03pm
5
It did, but after disabling it… still running into the same issue
Careau
December 17, 2024, 6:08pm
6
What are the visibility settings of thecards or entities on tge dashboard? Does it work ok on other devices?
bbow987
December 21, 2024, 4:36pm
7
They do, but also after a recycle of the page - I went through and added each piece by piece and found that it’s the custom button card that’s doing it. If I set all the cards as “custom: stack-in-card” at the top, it appears just fine… but removing that will yield the screen going blank again. Trying to go through my settings now, but, here’s my code:
- type: horizontal-stack
cards:
- type: custom:button-card
name: Living Room
icon: mdi:sofa
entity: sensor.downstairs_temperature
custom_fields:
btn:
card:
type: vertical-stack
cards:
- type: custom:button-card
tap_action:
action: more-info
entity: light.living_room_fan_dimmer
icon: mdi:light-recessed
show_name: false
state:
- value: "on"
styles:
card:
- background-color: var(--selected-yellow)
- value: "off"
styles:
card:
- background-color: rgba(96,114,116,0.2)
styles:
card:
- padding: 4px
- width: 37px
- height: 37px
- border-radius: 99px
- box-shadow: none
icon:
- width: 25px
- color: white
- type: custom:button-card
entity: climate.downstairs
icon: mdi:thermometer
tap_action:
action: more-info
show_name: false
styles:
card:
- padding: 4px
- width: 37px
- height: 37px
- border-radius: 99px
- box-shadow: none
- background: |
[[[
if (states['climate.downstairs'].attributes.is_heating == true)
return "rgba(255, 155, 155, 0.8)";
else
return "rgba(96,114,116,0.2)";
]]]
icon:
- width: 25px
- color: white
- type: custom:button-card
entity: media_player.sony_tv
icon: mdi:television
show_name: false
tap_action:
action: more-info
state:
- value: playing
styles:
card:
- background-color: var(--office-pink)
styles:
card:
- padding: 4px
- width: 37px
- height: 37px
- border-radius: 99px
- box-shadow: none
- background-color: |
[[[
if ( states['media_player.sonos'].state == 'playing' )
return 'var(--office-pink)';
else if ( states['media_player.sonos'].state == 'playing' )
return 'var(--office-pink)';
else
return 'rgba(96,114,116,0.2)';
]]]
icon:
- width: 25px
- color: white
styles:
grid:
- grid-template-areas: "\"n btn\" \"s btn\" \"i btn\""
- grid-template-columns: 1fr min-content
- grid-template-rows: min-content min-content 1fr
card:
- padding: 15px 15px 15px 15px
custom_fields:
btn:
- justify-content: end
- align-self: start
name:
- justify-self: start
- align-self: start
- font-size: 15px
- font-weight: 600
- color: white
state:
- min-height: 80px
- justify-self: start
- align-self: start
- font-size: 13px
- font-weight: 500
- color: rgba(96,114,116,0.7)
img_cell:
- justify-content: start
- position: absolute
- width: 120px
- height: 120px
- left: 0
- bottom: 0
- margin: 0 0 -20px -20px
- background: var(--living-room-yellow)
- border-radius: 500px
icon:
- width: 60px
- color: grey
- opacity: "0.5"
show_state: true