Help with badges - Custom UI

AcidSleeper · October 31, 2018, 11:01am

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?

tom_l · October 31, 2018, 1:49pm

Badges in a card is probably done with custom UI:

andrey-git/home-assistant-custom-ui/blob/master/docs/features.md#badges-in-state-cards

# CustomUI Features

*   [Customizer component](#customizer-component)
*   [CustomUI panel](#customui-panel)
*   [Global Features](#global-features)
    +   [Hiding entities from default view tab (HA 0.62+)](#hiding-entities-from-default-view-tab)
    +   [Template attributes [New in 20170927]](#template-attributes)
    +   [Icon Color](#icon-color)
    +   [Action name](#action-name)
*   [Features available for all domains](#features-available-for-all-domains)
    +   [Context-aware attributes](#context-aware-attributes)
    +   [Badges in state cards](#badges-in-state-cards)
    +   [Per entity theming (Requires HA 0.50+)](#per-entity-theming)
    +   [Secondary custom UI](#secondary-customui)
*   [Features available for almost all domains](#features-available-for-almost-all-domains)
    +   [You can always show the last-changed text](#you-can-always-show-the-last-changed-text)
*   [Features available for light, cover, climate, "plain", and "toggle" cards](#features-available-for-light-cover-climate-plain-and-toggle-cards)
    -   [You can hide the control altogether](#you-can-hide-the-control-altogether)
    -   [You can add extra data below the entity name](#you-can-add-extra-data-below-the-entity-name)
    -   [Add badge to the state card](#add-badge-to-the-state-card)

This file has been truncated. show original

AcidSleeper · October 31, 2018, 2:12pm

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

tom_l · October 31, 2018, 9:30pm

Did you install the custom UI component?

github.com

andrey-git/home-assistant-custom-ui/blob/master/docs/installing.md

# Installing CustomUI

## Hosted use (HA 0.53+)

Instead of installing CustomUI files on you Home Assistant machine you can have your browser fetch them directly from GitHub servers. In this case you don't need to download any files.

Pros:
*   Easier to set up.
*   You can choose to either use the 'latest' release or a specific release.
*   You automatically get bug-fixes if you use 'latest'.

Cons:
*   Requires Internet connection.
*   The hoster of the files (GitHub) can track how often you open Home Assistant.
*   You automatically get breaking changes if you use 'latest'.

## Local install

### Automatic install.

This file has been truncated. show original

AcidSleeper · November 1, 2018, 6:26pm

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.

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