Help with badges - Custom UI

Hello.
I have been checking out some github devicetracking and found one that pleases my eyes in form of design.

https://github.com/oakbrad/brad-homeassistant-config/blob/master/screenshots/device-tracker.png?raw=true

But I cant get the way its coded.
Can someone help me out?

Badges in a card is probably done with custom UI:

Followed the guide but no luck. Dont get it to work. Either they shows as badges but not in group or they dont show at all or like this:

My code (without custom UI):

  familj:
    view: yes
    name: Familj
    icon: mdi:home-variant
    entities:
      - sensor.niclas_status
      - group.niclas
      - sensor.sara_status
      - group.sara
      - group.hugo

  niclas:
    name: Niclas
    view: no
    entities:
      - sensor.niclas_status
      - device_tracker.niclas_iphone
      - device_tracker.niclas_iphone_owntracks
      - device_tracker.niclas_iphone_nmap

  sara:
    name: Sara
    view: no
    entities:
      - device_tracker.sara_mobil_nmap

  hugo:
    name: Hugo
    view: no
    entities:
      - device_tracker.hugo_mobil_nmap

Did you install the custom UI component?

Yes, the installation is ready but I cant get it to work.

I want them to be on a seperate tab (The house icon) and displayed in the groups they are but in likeness to the picture I posted. But every coding I make fails completely.

Badges dont displays and my all other tabs looses everything in them. :triumph:

Never mind! I jumped to Lovelace! Much better documentation and videos.

1 Like