I for example would not want this, because I’d need to disarm the alarm every time I want to check something from outside the house and then don’t forget to arm it again when I’m done.
If I’d setup a tablet at home (which I goes against my smart home principles) then I’d use kiosk browser there and only have one view with conditional card that shows only the alarm card.
1 Like
agree with you, need to think about how to do it safely as I have screen right next to the door and HA is accessible from there. Maybe this would need to be machine sensitive like login (remember choice on this machine)
Kiosk mode is one of the options, thanks!
1 Like
Kiosk mode still shows all the tools and sidebar, just tried that. I have 24’’ touchscreen and all my zoo of devices controlled from there and IP CAM views displayed too with door bel e.t.c.So I want to implement alarm too - would be awesome!
Kiosk mode in browser kinda does not give you an easy way of accessing OS, but nothing else, still HA interface is accessible from it.
Use a non admin user and enable always hide the sidebar in the profile settings. This might get you there.
1 Like
Thanks will try!
Finally I found solution, well partial solution: browser_mod custom integration solved sound and TTS to play on the device where HA is opened + specific device can be pointed to play certain things - that is amazing!
Second I have managed to popup window the way I imagined by the following script:
title: Popup example
card:
type: alarm-panel
states:
- arm_home
- arm_away
entity: alarm_control_panel.alarm
name: Test popup
deviceID:
- desktop_pc
large: true
hide_header: false
auto_close: false
time: 1
Bad thing is I need somehow to disable popup hiding on mouse click.
See above…maybe you can think of solution for me?
Same issue here. Buttons require doll sized fingers and the numbers requires a magnifying glass!
I have installed the “card-mod” under frontend in HACS. Where do I put the code that begins with “type: custom: hui…” you show in your post? I am using the Home Assistant operating system on a RPi.
Sorry if this seems obvious, but i am a real noob to Home Assistant.
Thanks,
Hi all!
Is there a way to show the keybad on the little screen shown when we click on the badge (In my case in the picture elements). This “property” card only shows the input text. But I’m using it for a kiosk…
Thanks!
@ciotlosm Marius, thanks for your card!
But I found a bug - there is no disarm button when alarm is triggered:
So there is no way to disarm or arm again the alarm.
Is this still working with HA 7.3?
I tried to add this card but it says the below in Lovelace:
can't define property "scale": Object is not extensible
on the iOS app it says:
Attempted to assing to readonly property
this is the code I added manually to Lovelace (is it correct that there is no custom-card entry in the UI to select this new card-type?
type: custom:alarm_control_panel-card
entity: alarm_control_panel.alarm
title: My Alarm
states:
- arm_home
- arm_away
have you figured this out? i want to use this custom card too , but i also have the error:
can't define property "scale": Object is not extensible
Nope. I ended up in using the button-card for this. When I long press on the button, the keypad appears, which is what I needed/wanted.
Well, I just want actually a panel card without a keypad, I don’t need to enter a code to arm or disarm 
Seems with the official panel card , I can’t hide it, so I was looking for a custom card
Yeah the button-card does the job for me, no key-pad is being displayed unless I do a double-tab or hold action (both of them could be disabled too…)
Here’s the config suited to my Lovelace:
type: custom:button-card
entity: alarm_control_panel.alarm
show_state: false
show_name: false
show_label: true
layout: icon_label
state:
- value: disarmed
icon: mdi:shield-off-outline
color: auto
label: Disarmed
- value: arming
icon: mdi:shield-check
color: green
label: Arming
styles:
icon:
- animation: blink 2s ease infinite
- value: armed_away
icon: mdi:shield-check
color: green
label: Armed
styles:
card:
- height: 72px
- font-size: 18px
- padding-right: 20px
- padding-left: 5px
icon:
- width: 70%
tap_action:
action: call-service
service: alarm_control_panel.alarm_arm_away
service_data:
entity_id: alarm_control_panel.alarm
double_tap_action:
action: more-info
hold_action:
action: more-info
Hope that helps
Ok, let me try tomorrow , thnx !
ok, you have only one state, like armed_away
i also need armed_home
i can use indeed a hold action for that , but that isnt that nice
have you figured out that error ?
can’t define property “scale”: Object is not extensible
edit: nm , fixed it, it looks now like below, i have hidden the keyboard, code entery is still there tough
not sure if i can hide it?
i added this line in the .js file : config = JSON.parse(JSON.stringify(config));
setConfig(config) {
config = JSON.parse(JSON.stringify(config));
if (!config.entity || config.entity.split(".")[0] !== "alarm_control_panel") {
throw new Error('Please specify an entity from alarm_control_panel domain.');
You could also have two buttons next to each other and give them the desired label (arm away, arm home) and hide them when state = armed. When state = armed, display one button (double-size) for disarming…