I’d like to get my dashboard to match the screen dimensions of my HD fire tablet - I’ve tried several different ways and have been unsuccessful. Can someone help out? Thanks so much!
Cheers!
columns: 8
wallpanel:
enabled: true
hide_toolbar: false
hide_sidebar: true
fullscreen: false
idle_time: 5
image_url: /local/screensavers/mizzou.jpg
views:
- theme: Backend-selected
title: Guest Bedroom
path: Guest Bedroom
panel_resolution: tablet
layout:
grid-template-columns: 33% auto 33%
grid-template-rows: auto
place-content: center
grid-template-areas: |
"header header header"
"clock clock clock"
"weather weather weather"
"light light light"
"left middle right"
". footer ."
subview: false
icon: mdi:bed-king
type: custom:grid-layout
badges: []
cards:
- square: false
type: grid
cards:
- camera_view: live
type: picture-glance
title: Current weather
show_state: true
icon_size: 50px
entities:
- entity: sensor.weatherflow_air_temperature_2
- entity: sensor.weatherflow_feels_like_temperature_2
- entity: sensor.weatherflow_wind_cardinal_2
- entity: sensor.weatherflow_wind_speed_2
- entity: sensor.weatherflow_precipitation_today_2
camera_image: camera.192_168_0_76_3
entity: camera.192_168_0_76_2
theme: Animated Weather Card
- card_config_version: 8
daily_extended_forecast_days: 2
daily_forecast_days: 3
daily_forecast_layout: vertical
entity_forecast_icon_1: weather.home
entity_forecast_max_1: weather.home
entity_forecast_min_1: weather.home
entity_pop_1: weather.weatherflow_day_based_forecast_2
entity_summary_1: weather.home
option_daily_color_fire_danger: true
option_locale: Hallsville
option_static_icons: false
option_time_format: 24hour
section_order:
- overview
- extended
- slots
- daily_forecast
show_section_extended: false
show_section_overview: false
show_section_slots: false
type: custom:platinum-weather-card
columns: 2
view_layout:
grid-area: weather
- type: conditional
conditions:
- entity: sensor.nws_alerts
state_not: '0'
card:
type: horizontal-stack
cards:
- type: horizontal-stack
cards:
- type: custom:button-text-card
entity: sensor.nws_alerts
justify: center
icon_size: 75
large: true
title: |
[[[ return entity.attributes.title ]]]
subtitle: |
[[[ return entity.attributes.spoken_desc ]]]
icon_color: |
[[[
if(entity.attributes.title == "Tornado Warning"){
return "red";
}else if(entity.attributes.title == "Tornado watch"){
return "yellow";
}else if(entity.attributes.title == "Tornado Emergency"){
return "deeppink";
}else if(entity.attributes.title == "Severe Thunderstorm Warning"){
return "orange";
}else if(entity.attributes.title == "Severe Thunderstorm Watch"){
return "palevioletred";
}else if(entity.attributes.title == "Flash Flood Warning"){
return "darkred";
}else if(entity.attributes.title == "Flash Flood Statement"){
return "darkred";
}else if(entity.attributes.title == "Flash Flood Watch"){
return "seagreen";
}else if(entity.attributes.title == "Flash Warning"){
return "lime";
}else if(entity.attributes.title == "Flood statement"){
return "lime";
}else if(entity.attributes.title == "Urban and Small Stream Flood Advisory"){
return "springgreen";
}else if(entity.attributes.title == "Small Stream Flood Advisory"){
return "springgreen";
}else if(entity.attributes.title == "Urban and Small Stream Flood Advisory"){
return "springgreen";
}else if(entity.attributes.title == "Red Flag Warning"){
return "deeppink";
}else if(entity.attributes.title == "Extreme Fire Danger"){
return "darksalmon";
}else if(entity.attributes.title == "Fire Weather Watch"){
return "navajowhite";
}else if(entity.attributes.title == "Extreme Wind Warning"){
return "darkorange";
}else if(entity.attributes.title == "High Wind Warning"){
return "goldenrod";
}else if(entity.attributes.title == "High Wind Watch"){
return "darkgoldenrod";
}else if(entity.attributes.title == "Wind Advisory"){
return "Tan";
}else if(entity.attributes.title == "Hard Freeze Warning"){
return "darkviolet";
}else if(entity.attributes.title == "Hard Freeze Watch"){
return "royalblue";
}else if(entity.attributes.title == "Freeze Warning"){
return "darkslateblue";
}else if(entity.attributes.title == "Freeze Watch"){
return "cyan";
}else if(entity.attributes.title == "Wind Chill Warning"){
return "lightsteelblue";
}else if(entity.attributes.title == "Wind Chill Watch"){
return "cadetblue";
}else if(entity.attributes.title == "Wind Chill Advisory"){
return "Paleturquoise";
}else if(entity.attributes.title == "Extreme Wind Warning"){
return "darkorange";
}else if(entity.attributes.title == "Blizzard Warning"){
return "orangered";
}else if(entity.attributes.title == "Blizzard Watch"){
return "greenyellow";
}else if(entity.attributes.title == "Winter Storm Warning"){
return "hotpink";
}else if(entity.attributes.title == "Winter Storm Watch"){
return "steelblue";
}else if(entity.attributes.title == "Winter Weather Advisory"){
return "mediumslateblue";
}else if(entity.attributes.title == "Snow Squall Warning"){
return "mediumvioletred";
}else if(entity.attributes.title == "Excessive Heat Warning"){
return "mediumvioletred";
}else if(entity.attributes.title == "Excessive Heat Warning"){
return "mediumvioletred";
}else if(entity.attributes.title == "Excessive Heat Watch"){
return "maroon";
}else if(entity.attributes.title == "Heat Advisory"){
return "coral";
}else if(entity.attributes.title == "Special Weather Statement"){
return "moccasin";
}else if(entity.attributes.title == "Child Abduction Emergency"){
return "Transparent";
}else if(entity.attributes.title == "Blue Alert"){
return "Transparent";
} else{
return "black";
}
]]]
icon: |
[[[
if(entity.attributes.title == "Tornado Warning"){
return "mdi:weather-tornado";
}else if(entity.attributes.title == "Tornado watch"){
return "mdi:weather-tornado";
}else if(entity.attributes.title == "Tornado Emergency"){
return "mdi:weather-tornado";
}else if(entity.attributes.title == "Severe Thunderstorm Warning"){
return "mdi:weather-lightning-rainy";
}else if(entity.attributes.title == "Severe Thunderstorm Watch"){
return "mdi:weather-lightning-rainy";
}else if(entity.attributes.title == "Flash Flood Warning"){
return "mdi:home-flood";
}else if(entity.attributes.title == "Flash Flood Statement"){
return "mdi:home-flood";
}else if(entity.attributes.title == "Flash Flood Watch"){
return "mdi:home-flood";
}else if(entity.attributes.title == "Flash Warning"){
return "mdi:home-flood";
}else if(entity.attributes.title == "Flood statement"){
return "mdi:water-alert";
}else if(entity.attributes.title == "Urban and Small Stream Flood Advisory"){
return "mdi:water-alert";
}else if(entity.attributes.title == "Small Stream Flood Advisory"){
return "mdi:water-alert";
}else if(entity.attributes.title == "Urban and Small Stream Flood Advisory"){
return "mdi:water-alert";
}else if(entity.attributes.title == "Red Flag Warning"){
return "mdi:weather-windy";
}else if(entity.attributes.title == "Extreme Fire Danger"){
return "mdi:fire-off";
}else if(entity.attributes.title == "Fire Weather Watch"){
return "mdi:fire-off";
}else if(entity.attributes.title == "Extreme Wind Warning"){
return "mdi:weather-windy";
}else if(entity.attributes.title == "High Wind Warning"){
return "mdi:weather-windy";
}else if(entity.attributes.title == "High Wind Watch"){
return "mdi:weather-windy";
}else if(entity.attributes.title == "Wind Advisory"){
return "mdi:weather-windy";
}else if(entity.attributes.title == "Hard Freeze Warning"){
return "mdi:thermometer-alert";
}else if(entity.attributes.title == "Hard Freeze Watch"){
return "mdi:thermometer-alert";
}else if(entity.attributes.title == "Freeze Warning"){
return "mdi:thermometer-alert";
}else if(entity.attributes.title == "Freeze Watch"){
return "mdi:thermometer-alert";
}else if(entity.attributes.title == "Wind Chill Warning"){
return "mdi:thermometer-alert";
}else if(entity.attributes.title == "Wind Chill Watch"){
return "mdi:thermometer-alert";
}else if(entity.attributes.title == "Wind Chill Advisory"){
return "mdi:thermometer-alert";
}else if(entity.attributes.title == "Blizzard Warning"){
return "mdi:snowflake-alert";
}else if(entity.attributes.title == "Blizzard Watch"){
return "mdi:snowflake";
}else if(entity.attributes.title == "Winter Storm Warning"){
return "mdi:snowflake-alert";
}else if(entity.attributes.title == "Winter Storm Watch"){
return "mdi:snowflake";
}else if(entity.attributes.title == "Winter Weather Advisory"){
return "mdi:weather-snowy";
}else if(entity.attributes.title == "Snow Squall Warning"){
return "mdi:snowflake-alert";
}else if(entity.attributes.title == "Excessive Heat Warning"){
return "mdi:weather-sunny-alert";
}else if(entity.attributes.title == "Excessive Heat Warning"){
return "mdi:weather-sunny-alert";
}else if(entity.attributes.title == "Excessive Heat Watch"){
return "mdi:weather-sunny-alert";
}else if(entity.attributes.title == "Heat Advisory"){
return "mdi:weather-sunny-alert";
}else if(entity.attributes.title == "Special Weather Statement"){
return "mdi:weather-cloudy-alert";
}else if(entity.attributes.title == "Child Abduction Emergency"){
return "mdi:alert-circle";
}else if(entity.attributes.title == "Blue Alert"){
return "mdi:police-badge-outline";
} else{
return "black";
}
]]]
view_layout:
grid-area: header
- type: horizontal-stack
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.guest_bedroom_fan_light_relay
theme: ios-dark-mode-blue-red-alternative
show_state: true
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: fan.guest_bedroom_fan_light_relay_2
show_state: true
theme: ios-dark-mode-blue-red-alternative
icon: mdi:ceiling-fan
view_layout:
grid-area: light
- type: custom:digital-clock
view_layout:
grid-area: clock