Making a AWESOME Room Cards from Start to Finish

[@davidr521]

I love the room-card! Made my entire homepage using that, since it's a great high-level view, which covers all I need

[@BeardedTinker]

Glad you're loving it!!!!

[@davidr521]

@@BeardedTinkerme too, since the WAF is an important part of my setup (happy wife, happy life)

[@esenterre]

Hi! Today I discovered "Minimalistic Area Card". Much like this card, but very simple to use. I prefer it, but that's a question of taste, I suppose. But maybe you can put it on your list of future reviews.

[@BeardedTinker]

Thanks!!! Will check it out!

[@Claudiu.]

Thank you again for showing us what's new and exciting. It would have been cool to present the style and formatting, but we'll have to try it on our own indeed. I am still hoping I'll get some free time to actually do a proper 3D rendered interface for my HA .. 😊 but I guess this would be the next best thing, to have more controls and better display. Very cool to see that template idea - curious how deep we can go without having to create helpers for them. Not scared to have the YAML editor used 💪, and bugs are expected for such a bold new idea. The fast typing bug has been noticed on many other cards, not just this one. I got to see it as 'normal'. Amazing goose light 😂

[@BeardedTinker]

Thank you!!! It's hard (for me) to keep things short. That's also why I sometimes skip stuff. BTW - if you have Quest, did you try HA in Oculus Quest or something similar :D It's fun.

[@Claudiu.]

@@BeardedTinker woah that sounds like 100 levels over what my free time currently allows. But I'll probably dream one day about doing that 🤣🙏🏼 thank you. You presented it exactly as needed, don't change a thing

[@michaelbreitkreutz6257]

Looks great. Hopefully a UI setup is released in the future for it

[@BeardedTinker]

Thanks Michael, yea, that would really make them perfect (and less time consuming).

[@antoniorodriguezolmos]

Thank you for the information. While I wouldn't call it beautiful, it definitely seems functional and useful. Room cards is something fundamentally missing in HA, in my opinion. I'm currently using Minimalist UI Room Cards, but I'll try this one!

[@BeardedTinker]

You're right - beautiful may be a strong word, but if you do use background images, you can further customise it.

[@Qruxat]

I have the same as you

[@adfjasjhf]

0:12 make sure to double check your blurring on the cameras ;)

[@BeardedTinker]

No worries after the blur is gone, there are no more people there 😉 That clip has been added later.

Nice video! Thanks for the share! ( * just to let you know there is no link for your github in the video decription )

[@BeardedTinker]

Thank you!!! Updated some 10-15 minutes ago - you probably started watching before I added the link. Sorry for that!!!

[@StevePrior]

The github repo for room-card was just marked as a readonly archive but there's no mention of why it was shut down. Does anyone know what's behind that, is there something that replaces it better or did the author just get tired of it?

[@BeardedTinker]

There were no updates last few months (from June I think) - my guess is author doesn't have free time to maintain it. Also, there was one long open issue with card flickering, that may be the other reason.

[@mikegodin23]

Great! I will try it. Thanks...

[@BeardedTinker]

Hope you find them useful!!! Thank you 😊

[@oliverruoff6882]

Hi, thank you for the informative video! :) One question I have: Is it somehow possible to change the small icons to be toggleable by themselves? Meaning, that they dont't open a separate popup window, but instead just toggle the light / power socket and maybe switch their icon to be colored yellow / grey?

[@BeardedTinker]

There is option for that - you could use tap_action / double_tap_action - that should do what you need. I haven't used it myself.

[@oliverruoff6882]

Thank you so much, will try it out! :) Greetings from Germany 😊

[@BeardedTinker]

@@oliverruoff6882 Thank you Oliver!! ;)

[@oliverruoff6882]

It was totally my mistake. I had a typo "ta*b*_actions" which lead to the popup behavior. :D Now it works, thank you! :) Do you have an idea how it could be possible to change the icon when the light was toggled to indicate if the light is on or off?

[@oliverruoff6882]

Just found it! Just for everyone who also wants to know it: You can simply add "state_color: true" to the entity that holds the icon etc. :)

[@grahamshaw5531]

Will give it a go. Thanks

[@ianrobson9612]

Another great video and I love the layout of your cards. I have made some of my own and used some of yours. I particulary liked the one you did for the printer in the loft using the glance but I wanted to alter it a bit so the icon mdi:water change colors depending on the levels but try as I might I do not seem to be able to make it so and was wondering if you knew how I could do it😄

[@BeardedTinker]

Awesome! Did you try this: github.com/marcokreeft87/room-card/wiki/Configuration#icon-templating

[@EsotericArctos]

These Zone / Area cards look to be what is currently missing from Home Assistants official area functionality. This makes it really easy to make a good looking, minimalistic Dashboard, without losing functionality.

[@BeardedTinker]

Exactly. It would be awesome to have those already in HA with the UI editor instead of current. But then, next HA release is bringing some really nice UI improvements (not zones though)

I've noticed from your video that your mini media player card is flickering, from what I've read in the room-card repository there are no solution but I wonder if you ever got that fixed? Thanks

[@fredzibulski3111]

is there a way tp style the icons so the have different colors ? if so were and ow would i do that ?

[@Shellyfi]

This could be great option for room specific subview cards for 4” wall display like NS Panel pro. I know it’s not that fancy than LCARS ui but could have better WAF

[@BeardedTinker]

Yes, although they could be a bit small size for that use. Dumb me completely forgot to test it on NSPanel Pro.

[@Shellyfi]

@@BeardedTinker that’s a good reason to create follow up video 😉

[@BeardedTinker]

@@Shellyfi 😉

[@filofish18]

Hello , very kool stuff can someone help me by posting how to do with roller shutter please . Thanxs

[@BeardedTinker]

I've just added in cards: section, mushroom-cover card like this: - type: custom:mushroom-cover-card entity: cover.zita_curtain And it allows to control any supporter cover (blinds, rollers etc) from Room card.

[@filofish18]

Thxs i ll have a look.

[@filofish18]

Feel me stupid but cant find it in your github. Mind you please give me link. Sorry for that . Thxs

[@ronm6585]

Thank you.

[@BeardedTinker]

You're welcome Ron! Thanks for comment!!!

[@matan8989]

תודה!

[@BeardedTinker]

Thank you very very much!!! 😀

[@MAMDAVEM]

This looks really good. Is it possible to have these room cards in a "swipe-card" configuration?

[@Radhoo2k10]

Is it possible to have a dimmer light in these cards? Or just on/off lights?

[@BeardedTinker]

Not directly, but you could add dimmer bar via sub-card for example.

[@Radhoo2k10]

@@BeardedTinker thanks. Added horizontal stack card and added button and slider card. Works great. type: custom:room-card title: Stue entity: group.mancave_lights icon: mdi:lightbulb-outline show_icon: true tap_action: action: toggle info_entities: - entity: media_player.nividia_shield show_icon: true - sensor.multi_sensor_stue_2_temperature cards: - type: horizontal-stack cards: - type: custom:button-card entity: light.stuebordlys_dimmer_1 name: Stuebord hold_action: action: toggle styles: card: - height: 100% - width: 200px state: - value: 'on' styles: null card: - color: black - background: '#50C878' - type: custom:slider-entity-row entity: light.stuebordlys_dimmer_1 toggle: false hide_state: true full_row: true

[@OldAbio]

I use "banner-card" for these type of cards for a long time. Stupid HA isn't putting some effort in the room-card.

[@BeardedTinker]

Was expecting a bit more out of Zone cards... But next release of HA will have some really beautiful changes in UI.

[@aloisbalmer3781]

I love the card, but i‘m missing the ability to put a picture in the background.

[@BeardedTinker]

Did you maybe try this one? type: custom:room-card title: Template Style entity: switch.entity_switch styles: template: > if (entity.state == 'off') return 'background-image: url(some url to a picture)'; else return 'background-image: url(some url to a picture)';