Lovelace: custom sidebar card

I’m new to HA
You need picture of config ?

To put picture on imgur ?

Thx for help

Thank yu for the great work you do!
Can advice me how to set locale date, or if it posible to get the locale setting from the device?

Can you help me with sidebar templates
I would like to know when lights are on
And when is time for trash to go out

Thx

Do you have the templates created?

An example template of counting lights on would be

  - platform: template
    sensors:
      number_of_lights_on: 
        unit_of_measurement: 'on'
        value_template: >
          {% set lights = [
            states.light.dining_room,
            states.light.bedroom,
            states.light.living_room,
            states.light.hallway,
            states.light.landing,
            ] %}
          {{ lights | selectattr('state','eq','on') | list | count }} 

You can then add -

<li>There are currently
    {{states('sensor.number_of_lights_on')}} lights on.</li>

image

For good morning, afternoon etc you don’t need to create a template sensor, you can just use this copy and pasted:

  template: >
    <li>
      {% if now().hour  < 5 %} Good Night! {{'\U0001F634'}}
      {% elif now().hour < 12 %} Good Morning! {{'\u2615\uFE0F'}}
      {% elif now().hour < 18 %} Good Afternoon! {{'\U0001F44B\U0001F3FB'}}
      {% else %} Good Evening! {{'\U0001F44B\U0001F3FB'}}{% endif %}
    </li>
1 Like

Yes, basically that’s what @Tomiam said. I did it a little differently but it will be the same.

.sidebarMenu li.active {
  background-color: #232729!important;
}

I can’t get this to work after the update?

Same for me but occurred before the update

I tried to rollback, then it worked again.
Updated, then it didn’t work…

Thank you bout for help
But what this means
template: >


  • {% if now().hour < 5 %} Good Night! {{’\U0001F634’}}
    {% elif now().hour < 12 %} Good Morning! {{’\u2615\uFE0F’}}
    {% elif now().hour < 18 %} Good Afternoon! {{’\U0001F44B\U0001F3FB’}}
    {% else %} Good Evening! {{’\U0001F44B\U0001F3FB’}}{% endif %}
  • I would like to know, so i can do something myself
    If now() hour<5 , …

    If the hour now is before 5 good night

    If the hour before 12 Good morning

    If the hour before 18 Good afternoon

    For anything else Good Evening

    Tried all the way back 0.1 and can’t get it to work.

    I have been back and forth so much, cant be sure my formatting is correct

      style: |
        :host {
            --sidebar-background: 'rgba 50, 50, 50, .5';
            --sidebar-text-color: #ffffff;
            --border-radius: 5px;
        }
        .sidebarMenu li.active {
         background-color: #3a82a6!important;
         }
    

    I took a full snapshot of hassio before the update, and then restored.

    I have this formatting

      style: |
        :host {
            --sidebar-background: #0f0f0f;
            --sidebar-text-color: #bcbebf;
        }
        .sidebarMenu li.active {
         background-color: #232729!important;
         }
    

    :+1:

    Looks the same

    you guys are great
    is there any way to make space betwen lines(templates) in sidebar

    Sorry, you got me there. Not sure on this. Its probably simple but I’m no expert, just a copy and paster.

    me to
    and dont now nothing about pyton etc.

    What does this class represent?

    This card works lovely with the custom:swipe-card (vertical that is…) horizontal is a bit buggy, it seems to extrude the edges.

    Here’s an example of the bottomCard in use with custom:swipe-card

    Click gif to see full view

    Excellent work @DBuit

    2 Likes

    It should use the language of hass. It is not in the right locale for you?