aspect_ratio: 1/1 ?
I want the aspect ratio to be 2/1 like it is in my screenshot (the blue button) but without the white tile that is the background. I was able to do this before- meaning I could stack two tiles of 2/1 on top of each other in place of 1 regular tile
Guys, sorry if I come with similar questions, but I really canât solve it by my self.
This is the UI I have on my iPad. Thatâs perfect and It is exactly how I want it.
This is how I see it on my iPhone:
How can I fix it for my iPhone view?
1 Like
Hi @Martin_Pejstrup,
The Sonos card was never really finished.
And no sure if IT is usefull as if is. You van do most parts with Just homekit card and add custom tiles that call services
Hi, that is strange it is not something i added
Hi,
With the files you can het any state to show so weather should be possible.
Second point you can use the column version of the card which also has rows. OR Just use empty title to creatie the White space
Hi,
It is working on May iPad.
I Will check my MacBook maybe something with safari browser
I Will check this tomorrow if i can help you with this.
Not really sure what you are trying to do.
Canât you Just use the wider option on the homekit tile to make it 2x1?
Hi,
So at this moment it always goed back to 3 on a row for mobile.
I Will der what i can do to make this configurable
Hi @DBuit
Iâm not trying to make it wider. Iâm basically trying to make it half the height so I can fit 2 smaller cards in your standard tile
Aahh @mkhattab Ok maybe use verticale stack with 2 button cards in 1 homekit tile. Use CSS to remove the White background of the tile
Oh sorry i reedited the post saying it was just cashe. Ill delete the post next time so i dont bother you for nothing next time soz.
Thx! would be mutch appriciated. even better if you can make an option to have something like that insted of a config button? imo its abitt more clean.
Ive kinda gone full out just using your card now with added deep_press.
Thank you for your reply!
How can I create empty Tiles? Can i set them to be transparent color?
Anyway iâm already using the column feature, but on mobile he doesnât follow those rules:
enableColumns: true
home: false
rows:
- columns:
- column: 1
entities:
- entities:
- custom: Riavvia Home Assistant
halfheight: true
icon: 'mdi:power-settings'
name: Riavvia HomeAssistant
tap_action:
action: call-service
service: homeassistant.restart
wider: true
- custom: Ricarica Automazioni
halfheight: true
icon: 'mdi:reload'
name: Ricarica Automazioni
tap_action:
action: call-service
service: automation.reload
wider: true
- entity: sensor.hass_version_installed
icon: 'mdi:home-assistant'
name: Hassio V.
- entity: sensor.hass_version_latest
name: Latest Version
- entity: sensor.hacs
name: Hacs
- entity: sensor.snapshot_backup
icon: 'mdi:cloud-upload'
name: Snapshot State
- entity: sensor.last_boot
name: Rasp Pi 4 Last Boot
wider: true
title: Hassio
tileOnRow: 2
- column: 2
entities:
- entities:
- card: 'custom:mini-graph-card'
cardOptions:
color_type: card
entities:
- sensor.raspberry_temp
hours_to_show: 24
name: Raspy CPU Temp
points_per_hour: 0.5
show:
extrema: true
labels: false
cardStyle: |
color_type: card
.states {
padding: 0;
}
higher: true
wider: true
title: Raspberry Temperature
tileOnRow: 2
- column: 3
entities:
- entities:
- card: 'custom:bar-card'
cardOptions:
direction: up
entities:
- sensor.processor_use
entity_row: false
height: 200px
icon: 'mdi:memory'
max: 100
name: CPU
width: 100%
higher: true
wider: false
- card: 'custom:bar-card'
cardOptions:
direction: up
entities:
- sensor.memory_use_percent
entity_row: false
height: 200px
icon: 'mdi:database'
max: 100
name: RAM
width: 100%
higher: true
wider: false
- card: 'custom:bar-card'
cardOptions:
direction: up
entities:
- sensor.disk_use_percent
entity_row: false
height: 200px
icon: 'mdi:memory'
max: 100
name: SD
width: 100%
higher: true
wider: false
- entity: sensor.pi_hole_dns_queries_today
higher: false
name: DNS Queries
- card: 'custom:bar-card'
cardOptions:
direction: up
entities:
- sensor.pi_hole_ads_percentage_blocked_today
entity_row: false
height: 200px
max: 100
name: ADS
width: 100%
higher: true
wider: false
- card: 'custom:bar-card'
cardOptions:
direction: up
entities:
- sensor.omv_nas
entity_row: false
height: 200px
icon: 'mdi:harddisk'
max: 100
name: NAS
width: 100%
higher: true
wider: false
title: Raspberry
tileOnRow: 3
row: 1
statePositionTop: true
title: Sistema
titleColor: '#FFF'
type: 'custom:homekit-card'
useBrightness: false
useTemperature: false
Hi,
Check out this part: https://github.com/DBuit/Homekit-panel-card#fully-custom-tile
If you add the tile below where you wanât an empty space:
- custom: empty
name: hideThis
This will give you a white tile with the test hideThis now we can use css to hide all tiles with that text.
Add this to the style part of the card:
type: "custom:homekit-card"
style: |
homekit-button[data-ent*="hideThis"] {
visibility: hidden;
}
Iâm trying to use a vertical-stack but itâs giving me trouble. When I add the vertical-stack my whole dashboard goes blank. Hereâs my config. Any help would be much appreciated. The vertical-stack at the very beginning (containing the 2 button-cards) is whatâs giving me trouble
views:
- cards:
- entities:
- entities:
- type: vertical-stack
cards:
- aspect_ratio: 2/1
color: 'rgb(255, 255, 255)'
color_type: card
entity: input_boolean.work_mode
icon: 'mdi:weather-night'
tap_action:
action: toggle
entity: input_boolean.work_mode
type: 'custom:button-card'
- aspect_ratio: 2/1
color: 'rgb(255, 255, 255)'
color_type: card
entity: input_boolean.night_mode
icon: 'mdi:weather-night'
tap_action:
action: toggle
entity: input_boolean.away_mode
type: 'custom:button-card'
- aspect_ratio: 2/1
card: 'custom:button-card'
color: 'rgb(0,115,231)'
color_type: card
entity: input_boolean.night_mode
tap_action:
action: toggle
entity: input_boolean.night_mode
- entity: light.entryway
name: ENTRYWAY
- entity: light.kitchen
name: KITCHEN
- entity: light.dining_room
name: DINING ROOM
- entity: light.lounge
name: LOUNGE
- entity: light.hallway
name: HALLWAY
- entity: light.closet
name: CLOSET
- entity: light.bedroom
name: BEDROOM
- entity: light.living_room
name: LIVING ROOM
- entity: light.adams_room
name: ADAM'S ROOM
- entity: light.office
name: OFFICE
- entity: light.patio
name: PATIO
- entity: light.porch
name: PORCH
- entity: light.lounge_led
name: LOUNGE LED
- entity: light.bar
name: BAR
- entity: light.shed
name: SHED
- entity: light.phone_corner
name: PHONE CORNER
popup:
brightnessHeight: 350px
brightnessWidth: 130px
scenesInARow: 2
switchHeight: 300px
switchWidth: 110px
type: 'custom:light-popup-card'
statePositionTop: true
state_color: true
titleColor: '#FFF'
type: 'custom:homekit-card'
useBrightness: false
useTemperature: false
icon: 'mdi:tablet'
panel: true
path: wallmount
title: Wallmount
Hello guys,
Is there a way to set a popup card, wich opens another set of tiles?
Basically I have a smart plug, wich has 4 devices attached. I want to press the Plug tile in order to open a view of the 4 devices entities.
Thanks!
Hi, just do today the update on 113.3 and my popup doesnât work anymore on my Iphone Apps (working good on Ipad, Imac)
I canât figure it what is going on, any help is appreciate?
thanks
result on Iphone
on Ipad itâs ok