Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Button order in masonry #795

Open
2 tasks done
dusan-ivanco opened this issue Nov 3, 2023 · 0 comments
Open
2 tasks done

Button order in masonry #795

dusan-ivanco opened this issue Nov 3, 2023 · 0 comments
Labels
bug Something isn't working

Comments

@dusan-ivanco
Copy link

dusan-ivanco commented Nov 3, 2023

Checklist

  • I updated the card to the latest version available
  • I cleared the cache of my browser

Describe the bug
Difference in button order between "Hass Button Card" and "Custom Button Card"

Version of the card
Version: 4.1.1

To Reproduce
This is the configuration I used:

  - type: masonry
    path: hass
    title: Hass Button
    cards:
      - type: button
        name: ESP
        icon: mdi:chip
        icon_height: 48px
        tap_action:
          action: navigate
          navigation_path: /hassio/ingress/5c53de3b_esphome
      - type: button
        name: Zigbee
        icon: mdi:zigbee
        icon_height: 48px
        tap_action:
          action: navigate
          navigation_path: /hassio/ingress/45df7312_zigbee2mqtt
      - type: button
        name: Z-Wave
        icon: mdi:z-wave
        icon_height: 48px
        tap_action:
          action: navigate
          navigation_path: /hassio/ingress/a0d7b954_zwavejs2mqtt
      - type: button
        name: SSH
        icon: mdi:console
        icon_height: 48px
        tap_action:
          action: navigate
          navigation_path: /hassio/ingress/a0d7b954_ssh
      - type: button
        name: File Editor
        icon: mdi:file-document-edit
        icon_height: 48px
        tap_action:
          action: navigate
          navigation_path: /hassio/ingress/a0d7b954_vscode
      - type: button
        name: Node RED
        icon: mdi:vector-polyline
        icon_height: 48px
        tap_action:
          action: navigate
          navigation_path: /hassio/ingress/a0d7b954_nodered

  - type: masonry
    path: custom
    title: Custom Button
    cards:
      - type: custom:button-card
        name: ESP
        icon: mdi:chip
        template: link
        tap_action:
          action: navigate
          navigation_path: /hassio/ingress/5c53de3b_esphome
      - type: custom:button-card
        name: Zigbee
        icon: mdi:zigbee
        template: link
        tap_action:
          action: navigate
          navigation_path: /hassio/ingress/45df7312_zigbee2mqtt
      - type: custom:button-card
        name: Z-Wave
        icon: mdi:z-wave
        template: link
        tap_action:
          action: navigate
          navigation_path: /hassio/ingress/a0d7b954_zwavejs2mqtt
      - type: custom:button-card
        name: SSH
        icon: mdi:console
        template: link
        tap_action:
          action: navigate
          navigation_path: /hassio/ingress/a0d7b954_ssh
      - type: custom:button-card
        name: File Editor
        icon: mdi:file-document-edit
        template: link
        tap_action:
          action: navigate
          navigation_path: /hassio/ingress/a0d7b954_vscode
      - type: custom:button-card
        name: Node RED
        icon: mdi:vector-polyline
        template: link
        tap_action:
          action: navigate
          navigation_path: /hassio/ingress/a0d7b954_nodered

Screenshots
Hass Button Card
Hass Button Card

Custom Button Card
Custom Button Card

Expected behavior
I would like it if the buttons were arranged as is customary, from left to right and from top to bottom. Exactly the same as the "Hass Button Card" has it.

@dusan-ivanco dusan-ivanco added the bug Something isn't working label Nov 3, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant