Shutter Card

Share your Projects! Dashboards & Frontend
42

What a great card for shutters(blinds) very nice!
I have tried getting 9 blinds to fit in row of 3x3 in a card but I just can’t get it to work. Any ideas or help would be great!
attaching example of 3 in a row compared to 2 in a row

Screen Shot 2021-06-21 at 7.10.32 PM (2)
Screen Shot 2021-06-21 at 7.10.32 PM (2)1680×1050 208 KB

43

Two bugs with this card ((((

44

Kind of cool when modding the card :slight_smile:

Thanks @Deejayfool for a great card, I hope you will maintain it further on!

image
image796×536 41.5 KB

image
image801×550 71.5 KB

4 Likes
45

Thanks for your great work! I really enjoy this card! I was however wondering if it would be easy to add an option to have a like a “horizontal guide line” for where I would usually want to place them. For example I have several windows that have plants or other things in them, then normally I just want to set it to 30%. My automations handle this but if I want to handle them manually I use it using this card. This guide line would be nice because then I know how much I can open them. :slight_smile:

46

@TheStigh How did you add photo background to the card?

1 Like
47

Hi Joakim,

I converted the image back from Base64 to .PNG, then added the “background” image to the original PNG and converted back to Base64 and replaced the string in the .js file. Did it make sense?

48

I have also same issues with Tuya App . Any one help me to fix .
I found some more peoples have this Problem …

50

I look for the possibility to swap the buttons in this card. :thinking:

51

Hi,
I’m controlling KNX connected shutters and vertical curtains. The shutter card doesn’t respond to ‘invert position = true’!! the animation shows closed while the actual cover is open!!

Any one with a solution for this problem?

52

From KNX Cover

Unlike most KNX devices, Home Assistant defines 0% as closed and 100% as fully open in regards to covers. The corresponding value inversion is done internally by the KNX integration.

You might not be needing invert_position: True at all. It only inverts KNX payloads, it can’t invert a frontend cards logic.

53

When omitted or false, the animation is correct, but the % is inverted.

54

What does inverted % mean for you?

55

KNX: 100% = Closed // 0% = Open
HA: 100% = Open // 0% = Closed

I would love to have HA reflect the same as KNX (KNX is the base system)

56

This is exactly what I quoted earlier. It’s not possible to change that. It’s a definition HA made for their system / software. See WHY THE HECK can't we freely configure a Cover to interpret its percentage value as "percentage open" or "percentage closed"?

57

I saw and read this and other. thought to add to it maybe they’ll change it or introduce a solution.
thanks for passing. :slightly_smiling_face:

in the meantime I’m waiting for advice on other post I made that are still pending.

58

You could always make a workaround. Create an input_number with value 0-100. Then you use the input_number in the shutter_card. When you change your input_number you calculate 100-(input_number value) and change your KNX cover to that value.

59

Would be great if you could show a step by step of where the file is to edit etc? I guess you can only show one image for all covers though?

60

Is it possible to swap the buttons?
I use this card for a sunshield an swapped the percentage allready.
Now I need to swap the buttons.

1 Like
61

Why can’t I add it in HACS? I couldn’t find it in HACS, and I tried adding the author’s github link but HACS couldn’t add it.

62

It is there, available for everyone:
image

Just change the data-command property on yur local version and replace up with down and vice versa.