Water plants reminder card

Installation Home Assistant OS
1

Hi
I am new to the HA world of creating custom cards and need some assistance in creating a card. I have tried using HACS custom:button card but could not get it to work.

I have made a picture of what i am trying to do.

water plants
water plants809×526 74.3 KB

Hope someone has time to help me with this.

2

Maybe the check button card better suits your needs.

1 Like
3

Hi
I got stuck pretty fast with just testing the card.
This error i had not seen before

2020-01-02_10-08-24
2020-01-02_10-08-24791×219 24.6 KB

what am i doing wrong?

I have tried a different sensor and a switch but same error.

4

entity needs to be sensor.xxxx and this entity will automatically be created. Please be informed that you need MQTT with discovery enabled for this to work.

5

MQTT with discovery is now enabled. Are you saying i dont need to create an entity for this card? so i can just use the default example?

2020-01-02_10-41-56
2020-01-02_10-41-56790×164 23.5 KB

I have added this to the UI raw editor
2020-01-02_10-44-21

I wonder if the type is correct? i tryed to switch it to module but then i get the error " no card type configured".

6

just had to remove the spaces in the example.

image
image793×189 9.72 KB

7

Glad that you got it to work. Now you can add severity levels to show different colors, based on how long the task has not been done. I use this card as well and send actionable notifications when the task is overdue. When I finished the task I press the “done” button on the actionable notification and it updates the time with the current time.

This might be interesting for you as well.

8

yep. Thanks for your assistance so fare.

do you use node red to pass through the msg?

so i got the 3 states working. When i read through the repository i cant see i can insert an image.
should this then be done by card_style instead? through using Card-mod?

also when i make the box bigger how can i move the text to the top. In option it is only listed left, inside.

9

You can’t use an image wit this directly but you can have an image next to it like in the topic i linked.

I use appdaemon to handle the notification, but I think it should also be doable with native HA automations, just a bit more code and a bit more conplicated. Let mw know in case you need further assistance.

10

i have read through the example but the example uses the custom: button card.
I dont know if i fully understand what you are proposing regarding having it next to it. are you referring to having a second card.
I dont understand how i can do what you are proposing? can you guide me a bit more?

thanks

11

Ok I just realized that the link I sent you is a fairly complex example :sweat_smile:

I would use something like the vertical-stack-in-card put a horizontal-stack in there with one card being the check-button-card and one card for the image.

12

do you know if it is a possibility to use card-mod and then change the background picture based on the state?

image
image824×45 1.73 KB

or just adding a picture for a background?

13

Don’t know to be honest. Did not do a lot of frontend customization yet.

14

ok. but i think the vertical stack solution is a good way to go. I have installed it through HACS.

I have tried to set it up but i get an error.

image
image902×386 24 KB

image

also when i just look at vertical stack it says.

image
image1005×203 10.8 KB

what am i missing?

15

I will check when I’m at home.

16

udpate
i got it working. missing spaces.

image
image1920×937 104 KB

how would you do the automation of the two cards so when a severity level is reach the other card switches state? right now i have made it as a custom button. trying to figure out how to add a toggle to a picture card.

card configuration:
{
cards:

  • entity: sensor.water_plants
    title: waterplants
    height: 140px
    width: 180px
    severity:
    • hue: ‘120’
      value: 5 minutes
    • hue: ‘40’
      value: 10 minutes
    • hue: ‘0’
      value: 20 minutes
      type: ‘custom:check-button-card’
  • entity: sensor.water_plants
    state_image:
    ‘on’: /local/pics/glad_blomst.png
    ‘off’: /local/pics/trist_blomst.png
    type: picture-entity
    type: ‘custom:vertical-stack-in-card’
    }