Hi all,
How to make buttons like image
Thanks for the work on this. I needed to disable buttons for an irrigation process for about 10 seconds and this worked out perfect.
Have you read through the readme and attempted to put together any code?
Sir, thank you so much for sharing this. It worked for me.
Sir i have one requirement.
Whenever a switch or light is turned on or off, i need to inform the owner on his iphone.
I was wondering when an entity shows up/or leaves this conditional card, how can i use the state and entity name to be displayed as a notification?
Thanks for another great card. Finally I was able to achieve some kind of satisfying layout. It uses other great custom cards and layouts, but without making it too complex I created an interface that emulates a windows 10 desktop. I would be nice to have an option for up-down slide (or down-up slide).
Another great card from Thomas! Quick questionā¦I have a entity state switch built out and workingā¦but I was wondering if it was possible to direct multiple entities to the same switch? In other words, I have an entity with 5 different input_select conditions , but I only want 2 of them to display a different switch, instead of duplicating all 3 of the same, is it possible to link them together somehow? Just trying to keep my code cleanā¦thanks again!
im having some problems using this. depending on state im switching between the weather card and the āpicture-glanceā card, which is showing a live feed from a camera. sometimes though it is only showing a red bar.
Is it possible to add a time, so the custom:state-switch will switch between the CARDās everyā¦ letās say 5 min. ?
love your dashboard. care to elaborate on how you did it? i would love to use some parts for my dashboard.
Iāve installed this through HACS, and it shows up under installed front-end repositoriesā¦ but not in the Lovelace card menu. Normal, or no?
Yes, the card menu only shows the cards built into HA, not any added through HACS or custom resources
Great card:)
Is there a way to make it go back to default view in x minutes?
Specially for @Mariusthvdb, @DavidFW1960
Managed to switch between portrait & landscape orientation for iPhone 5S.
For "portrait" case - had to put everything inside "vertical-stack" card - otherwise the content was not shown (an iOS bug, probably).
type: custom:state-switch
entity: mediaquery
default: all
transition_time: 500
states:
'(orientation: portrait)':
type: vertical-stack
cards:
- type: custom:shutter-card
title: portrait
entities:
- entity: cover.left_living_shutter
name: Left
buttons_position: left
title_position: top
- entity: cover.bedroom_shutter
name: Right
buttons_position: left
title_position: top
all:
type: custom:stack-in-card
mode: horizontal
title: landscape
cards:
- type: custom:shutter-card
card_mod:
style: |
ha-card {
box-shadow: none;
}
entities:
- entity: cover.screen_keuken
name: Keuken
- type: custom:shutter-card
entities:
- entity: cover.raamverduistering_stookhok
name: Stookhok
1 Like
is there a ādefaultā for the deviceID operator?
I tried it with default, and āallā but only the exact deviceID match will show, the others simply donāt show at all, and dont display an error either
- type: custom:state-switch
entity: deviceID
default: all
states:
'eaSafari0a':
<<: &desktop-view
type: custom:stack-in-card
mode: horizontal
title: Screens
<<: *header
cards:
- type: custom:shutter-card
card_mod:
style: |
ha-card {
box-shadow: none;
}
entities:
- entity: cover.screen_keuken
name: Keuken
- type: custom:shutter-card
entities:
- entity: cover.raamverduistering_stookhok
name: Stookhok
'3bChrome7':
<<: *desktop-view
all: # also tried 'default', for any of the non matching deviceID's
type: custom:shutter-card
title: Screens
<<: *header
entities:
- entity: cover.screen_keuken
name: Keuken
- entity: cover.raamverduistering_stookhok
name: Stookhok
even with the specified deviceId for my mobile app in the iPhone, I cant get it to show upā¦ how odd. (and I am 100% certain the deviuceID is correct, because I can play media files to it successfully
wait, that what @Ildar_Gabdullin says above this one tooā¦ sorry, I overlooked that. need to file an issue here? because the singular card shows fine on iOS. but not embedded in the state-switch, either using deviceID or mediaquery.
using the media query like this:
- type: custom:state-switch
entity: mediaquery
default: default
states:
'(orientation: landscape)':
type: vertical-stack
cards:
- type: custom:shutter-card
title: Screens
<<: *header
entities:
- entity: cover.screen_keuken
name: Keuken
- entity: cover.raamverduistering_stookhok
name: Stookhok
default:
<<: &desktop-view
type: custom:stack-in-card
mode: horizontal
title: Screens
<<: *header
cards:
- type: custom:shutter-card
card_mod:
style: |
ha-card {
box-shadow: none;
}
entities:
- entity: cover.screen_keuken
name: Keuken
- type: custom:shutter-card
entities:
- entity: cover.raamverduistering_stookhok
name: Stookhok
works better, and yes, the switch to landscape mode on the iPhone now is ok-ish, still cutting off the right side of the shutter image. It is not messing about the shutter-cardās position and name any longer though.
secondly, this time, it doesnāt fully respect the card-mod header anchorā¦
So I guess we still need the deviceID option:
when using an iPhone display the regular shutter-card (vertically) and when using anything else, show the embedded shutter-card in the stack-in-card (horizontally)
Please give me a screenshot, in my iPhone 5S there is no cutting in landscape+horizontal-stack.
will do, using an iPhone 11pro this is what I see:
since this is becoming way to complicated (and fighting an apparent bug between state-switch and iOS) I am back using plain and simple:
- type: custom:shutter-card
title: Screens
<<: *header
entities:
- entity: cover.screen_keuken
name: Keuken
- entity: cover.raamverduistering_stookhok
name: Stookhok
which respects the header mod and shows the full shutter images.
BTW, in my example the ālandscapeā option covered PC browser & smartphoneās portrait mode - i.e. worked fine w/o cutting.
But we need TWO conditions here:
- orientation=portrait AND device=iPhone
- others
since for iPad in portrait mode there is no need to show the vertical version.
I guess youāre right.
which would be way easier if the deviceID would work. Only create the exception for the iPhoneās (no need to distinguish the orientation in my setup) and create a default for all others devicesā¦
Sorry, could you give me the FULL picture? I mean with iPhoneās aspect ratio