Lovelace: Add deep press (3D touch) to existing cards

jimz011 · October 22, 2019, 1:38pm

Sounds awesome, I am truly sorry for the massive delay. I fully take the blame

roflcoopter · October 22, 2019, 1:42pm

New release 1.2.3b4
This issue aims to (finally) resolve the issues with services not firing.
@jimz011, @horacecar, @teachingbirds mind taking a look?

Are there any other features you feel would be nice to have?

teachingbirds · October 22, 2019, 7:58pm

I will have a look when I get the time, however I’m not sure when that’ll be.

horacecar · October 24, 2019, 5:57pm

Sorry, didn’t see the message. thanks for the update!!! it already can fire the hold even.! Very grateful with that.

And i found out that, I used to use the old version of “1.1.1.b1”, after you updated to “1.2.0”, then i cannot swipe to left or right page on the button card with Compact Custom Header on the button card, but when i swipe to left or right on the background, it can.

Okay, here is my config, just 3 simple button, because all of my button made by button card, it cannot swipe anymore when i updated to the latest version. Before i put the config (deep_press: true) on the button card , it still can use the swipe function, but after i put (deep_press: true), it fail…

type: horizontal-stack
cards:
- type: 'custom:button-card'
- color_type: card
- color: 'rgb(223, 255, 97)'
- icon: 'mdi:volume-plus'
- styles:
- - card:
- - - height: 200px
- deep_press: true
- tap_action:
- - action: call-service
- - service: media_player.volume_up
- - service_data:
- - - entity_id: media_player.livimg_room_speaker
- type: 'custom:button-card'
- color_type: card
- color: 'rgb(223, 255, 97)'
- icon: 'mdi:volume-plus'
- deep_press: true
- styles:
- - card:
- - - height: 200px
- tap_action:
- - action: call-service
- - service: media_player.volume_up
- - service_data:
- - - entity_id: media_player.livimg_room_speaker
- type: 'custom:button-card'
- color_type: card
- color: 'rgb(223, 255, 97)'
- icon: 'mdi:volume-minus'
- deep_press: true
- styles:
- - card:
- - - height: 200px
- tap_action:
- - action: call-service
- - service: media_player.volume_down
- - service_data:
- - - entity_id: media_player.livimg_room_speaker

horacecar · October 24, 2019, 6:05pm

I tested tonight, all the version you released only the first two version 1.1.1.b1 and 1.1.0.b1 can swipe on the button card with my example, after Version 1.1.1.b1, all the release cannot do that.

jimz011 · October 25, 2019, 4:03am

@roflcoopter I have finally come around testing your update and it works perfectly fine. Thanks for the amazing job, I can finally make the move from popup cards to browser-mod. Thanks again.

roflcoopter · October 25, 2019, 12:06pm

First of all, thanks for the detailed example! Makes it a lot easier to track down. However, this is a tough one. Not sure I’ll be able to sort it out but I’ll do my best.

horacecar · October 25, 2019, 12:58pm

Thankyou…haha. On my side two of the old version 1.1.1.b1 and 1.1.0.b1 still can use the 3D touch toggle and swipe function on the button-card,everything is fine even ios 13.1 on iphone xs max, but just cannot fire the even when i do the hold action on the button-card. Normally when i hold the button will fire a script for example( ir remote or a automation),or browser_mod.popup ,but after i put deep_press= true. Then when i hold the button ,the background just getting blur…, the tricky points should be between version1.2 and 1.1.1b1. Hope this information will help! Thanks again!

banllon2008 · November 1, 2019, 5:18pm

@ roflcoopter

Hello roflcoopter , Is there’s any updated lol ? I am facing exactly the same issue here…

roflcoopter · November 2, 2019, 8:13pm

I havent had the time sadly, I’ll try to squeeze it in tomorrow

banllon2008 · November 3, 2019, 7:26am

Okay. Thanks again!!! By the way, I really love:heart: your design:joy:.

banllon2008 · November 7, 2019, 3:48am

Is there any luck can solve the puzzle:joy:?

roflcoopter · November 7, 2019, 9:39pm

1.2.3b5
@horacecar @banllon2008
First of all, sorry for the massive delay on this.
This version should allow you to use swiper-card, and also to swipe between views with custom-compact-header.
In order to accomplish this i had to come up with a very hacky solution, so please let me know if any other issues arise because of this.

Again, sorry for the long wait.

horacecar · November 8, 2019, 2:02pm

omg. Thanks a lot. Please don’t be,I am really grateful, i will test it . Thanks again for your nice great design!!!

mase · November 10, 2019, 2:12pm

just can´t get it to work.
used HACS to insall and added it to resources.
using an iPhone X on iOS13.2.2

type: 'custom:button-card'
deep_press: true
entity: light.gang
hold_action:
  action: more-info
name: test

roflcoopter · November 10, 2019, 8:42pm

Hmm, does it work if you remove deep_press: true? Any errors in HA log?

mase · November 10, 2019, 10:37pm

yes, it works without deep_press: true. hold for more info works.
also no errors in the log.

custom components i use:
browser mod
climate group
HACS
banner card
button card
compact custom header
multiple entity row
xiaomi vacuum card
mini graph card
simple thermostat
simple weather card
text divider row
unused card
vertical stack in card
weather card

EDIT: i removed everything but button-card and deep-press from resources and restarted. still doesn´t work. so i guess it´s not another plugin that´s causing it.

roflcoopter · November 11, 2019, 8:07am

Do you have card-tools installed? Just realized I forgot to mention in the docs that this is required

mase · November 11, 2019, 9:14am

just installed it. works now. thanks, great stuff!

roflcoopter · November 11, 2019, 11:55am

Great! I’ll make sure to clarify this in the docs. Thanks.