Lovelace: Button card

Hi @RomRider

After upgrading to 3.2.0 I have an issue with scrolling on my Android phone, I have a couple of views that are filled with buttons and now can’t scroll without pressing the button where I touch the screen.
I tried to reduce the sensitivity of the touchscreen with no luck, going back to 3.1.1 solves the issue so it seems to be something with the upgrade?

Thanks Brad

I can reproduce that, I’m currently checking what is happening. Better use github to file an issue though :slight_smile:

looks like i can´t get the state_display: working.
maybe someone sees the mistake that i did.

card:

          - type: custom:button-card
            template: system_automation
            name: HACS Update
            icon: fas:store-alt
            entity: sensor.hacs
            show_label: true
            show_last_changed: false
            state_display: >
              [[[ return entity.state + " Update(s)" ]]]
            tap_action:
              haptic: light
              action: navigate
              navigation_path: /hacs
            styles:
              img_cell:
                - width: 45px
                - height: 45px
                - background: var(--dwains-theme-background)
                - color: white
                - border-radius: 100%
            state:
              - value: '0'
                styles:
                  icon:
                    - color: var(--dwains-theme-grey)
              - value: '1'
                styles:
                  icon:
                    - color: var(--dwains-theme-accent)
              - value: '2'
                styles:
                  icon:
                    - color: var(--dwains-theme-accent)

template:

system_automation:
  show_name: true
  show_icon: true
  show_state: true
  show_label: false
  show_last_changed: false
  color: var(--dwains-theme-accent)
  tap_action:
    haptic: light
    action: toggle
  state:
    - value: 'off'
      styles:
        icon:
          - color: var(--dwains-theme-grey)
  styles:
    grid:
      - grid-template-areas: '"i n""i s""i l"'
      - grid-template-columns: 30% 70%
      - grid-template-rows: min-content
    card:
      - background-color: var(--dwains-theme-primary)
      - border-radius: 5px
      - margin-bottom: 0px
      - padding-top: 14px
      - padding-bottom: 14px
    icon:
      - width: 55%
    img_cell:
      - width: 45px
      - height: 45px
      - background: var(--dwains-theme-background)
      - color: white
      - border-radius: 100%
    name:
      - color: var(--dwains-theme-names)
      - justify-self: start
      - font-size: 15px
      - align-self: center
    state:
      - justify-self: start
      - align-self: left
      - font-size: 13px
      - color: var(--dwains-theme-grey)
    label:
      - justify-self: start
      - align-self: left
      - font-size: 12px
      - color: var(--dwains-theme-grey)

1 Like

Are you sure you are running 3.2.0? What does the console say, it should display the version.

yes i´m on 3.2.0. at least HACS says so

Check the javascript console please (and reinstall the card), it is not the first time this would have happened with HACS.

reinstalling fixed that. should have done that before posting…

Does not work via iPhone mobile app or on Fire Tablet. Code and screen shots below

          - type: custom:button-card
            entity: camera.gate
            show_live_stream: true
            name: שער
            size: 100%
            styles:
              card:
              - height: 135px
              - font-size: 12px

Works well via browser:

2020-03-16 (2)_LI

Make sure you clear your cache on your app. It displays the camera icon, which means it’s not using the proper version of the card (probably 3.1.1) on your mobile phone.

:tada::tada: Version 3.2.1 :tada::tada:

Bugfixes

  • Fix tap while scrolling (sorry, sorry, sorry :pray:)
  • Fix some issues I had with vertical-stack-in-card
5 Likes

I’ll give it a whirl this week. Thanks again for the ha-object change.

Very quick response from @RomRider on github!! Thanks again
This did the trick

styles:
grid:
- grid-template-areas: ‘“i” “n” “s” “l” “slider”’
- grid-template-columns: 1fr
- grid-template-rows: 1fr min-content min-content min-content min-content

OT: Nice Theme. Whats the name?

Nord Dark:

1 Like

Thanks @RomRider confirming 3.2.1 has fixed the tap while scrolling, sorry I didn’t see your request for me to log a github issue until now.

Hi @RomRider, I’ve just noticed after upgrading to 3.2.1 all my locks on buttons have disappeared, reverting back to 3.1.1 resolves this.

EDIT: Before I raise an issue on github, I’ve just found that the lock seems to work on a ‘straight’ button-card but not once a button is placed inside a decluttering-card template which all of mine are.

Let me know if you still want me to raise an issue.

Thanks

I’ll have a look, but please raise an issue on gh

I have the same problem with locks, with v.3.2.0 they were displaced to the right in v. 3.2.1 they disappeared

:tada::tada: Version 3.2.2 :tada::tada:

Bugfixes

  • Lock disappearing when used with decluttering-card (Might fix #298)
  • The default tap_action is now toggle only for entities which support toggle, else it’s more-info
2 Likes

How I can move the lock icon a little to the left, now they are to closer to the border