Card Positions

Configuration
1

How do I put a group card in a specified position?

I thought it would put it on the frontend page in the order things were listed in the group view (like the entities within the groups themselves) but that doesn’t seem to be the case.

example:

default_view:
    view: yes
    name: Main
    entities:
      - updater.updater
      - group.alarm_panel
      - group.mbr
      - group.sunroom
      - group.basement
      - group.garage
      - group.lights
      - group.switches
      - group.media
      - group.cameras
      - group.devices
      - group.motion_indoor_camera_all

But the “alarm_panel” card shows up at the very bottom of the page.

2

I’m also interested in this,

Looking in the configuration panel I dont see a means to sort cards?

3

I don’t believe there is a way; this has been a long standing request, and a. Implicated one to implement.

4

this works for me. any view where group.first is added, it will show up first.

homeassistant:
  customize:
      group.first:
        friendly_name: "first group"
        icon: mdi:home-variant
        order: 1
5

Like the last post here you need to add into your customize section or customize yaml every card that you want listed. Add the order: X attribute for each on. this will put them in order, although on a monitor view it may or may not appear how you want it. It will be in the order you choose which is visible if you go to a mobile screen and view the HA frontend.

6

@diplix & @forsquirel

Thanks!

Worked!

Man, I still wish there was some kind of reference information to tell you all of these little details & available keys. It would make things SOOOO much easier!

1 Like
7

Interesting, this was added way back and it wasn’t working that well and was removed from the docs. As mobile is my main interface its nice to know I can select the order.

8

Why might the order attribute not work on a monitor view?

9

I’m not 100% sure. It’s ordered. but a lot depends on the size of the card, in my experience. For Mobile or decreased size viewports it works like it should.

10

Is anyone using this? my groups are in groups file, can anyone share an example please

11

From my experience it kind of random but easy to manage,

When viewing in one column order is like you set but in widescreen it can go in different ways:

123123123123123

I set order by organizing them in groups.yaml:

  system:
    name: ' '
    icon: mdi:raspberrypi
    view: yes
    entities:
      - group.uptime
      - group.tracker3
      - group.vesrion
      - group.tracker2
      - group.pi
      - group.tracker

Order of groups set the order of cards, no need to add “order” line in each group, in this example cards organized like in table 3