Ring Tile Card: visualise your sensor data

Share your Projects! Dashboards & Frontend
, , ,
163

No update since months…still no tap_action customization. It’s sad, because it’s a very beautiful card. I’m out, not up to wait anymore, switched to gauge-card-pro.

164

It was such a good start and a really great card, so I hope that if there is really no more progress, at least somebody would take up all these perfect ideas so that the initial work is not totally lost. I see no other card that could replace this one in all the different options.

165

Guys, as with everything in this community it all depends on the time the owner can and wants to invest in it.
It has been a very interesting project, if for whatever reason they can’t work on it either for a while or good, that is perfectly fine.
You can always use the ideas and code to vote for upstream changes.

2 Likes
166

what are you all talking about?
last response here from Neponn was 18 days ago! Stating he is working on stuff his users requested.

Seems a bit out of touch (putting it mildly for the sake of this community) if you next state this card has been out of development.

3 Likes
167

You are absolute right, 18 days is much less than months. So let him work and wait for the next update. HA shall be fun, no stress.

1 Like
168

Not sure if you are still looking for info and workaround for ring tile in layout-card.

Background of why this specific issue with ring-tile and card_mod is

  1. ring-tile uses _cfg as its config variable. Most other cards use either config or _config which is what card_mod looks for in parent element of ha-card. So card_mod does not find config to look for its config on the ring-tile element.
  2. card_mod tries once more to find config from the parent of the parent. For standard Frontend card containers like stack cards, the container card is hui_card which does have the config in config so card_mod finds it.
  3. With layout-card, it does not use hui-card as a wrapper (hui-card is more modern in HA world) so there is no fallback for card_mod to find the config.

Workaround

As there is ha-card in use in ring-tile, card_mod applies but just without config. Also ring-tile applies a class type-tile, not sure why, probably because it would have been there when looking at standard tile card with card_mod installed. Now you may be able to use this to your advantage with theme. However you would target tile card as well as ring-tile card, as card_mod will apply class type-tile to standard tile cards.

Use card_mod theming (see docs) with the following in your card_mod_card section.

  card-mod-card: |
    ha-card.type-tile {
      background: transparent !important;
      border: none !important;
      border-width: 0 !important;
    }

Way forward

  • ring-tile should use config or _config or use the developer mode card_mod api call to apply card_mod. Either way, card_mod would just work.
  • over time custom cards will pick up using hui-card as a wrapper. This is what I have done for work with expander-card (melled fork).
4 Likes
169

See my post above. Once you understand how card_mod works, change _cfg to _config and hapy days :slight_smile:

1 Like
170

Checking the code, ring-tile supports the old style HA action format. So try

tap_action:
  action: call-service
  service: input_boolean.toggle
  service_data:
    entity_id: input_boolean.show_bromus_details

EDIT (at my 3 post limit!): Shout out to @neponn (Nick). Maintaining a custom card is not an easy undertaking. I have included some information on card_mod and tap_action which should give some users what they need while Nick finds time for maintaining the repo.

2 Likes
171

thanks a lot for this very good description

1 Like
172

Thanks all for the discussion.

My apologies - I have not been able to spend as much time on this as I had hoped in the last little while. As noted in a previous post, a dead NVME drive on my HA server threw me a curve ball right through the time I had hoped to come back to work on the open issues. I have moved my system from HA supervised to HAOS, adding Proxmox to the equation. It’s gone well, and I’m happy with my new system, but the whole endeavour took much longer than I expected.

I do understand the frustration that progress has been slow. As noted in my OP, frontend development is new to me and definitely a very part-time side-hustle. I fully intend to keep working on this project - I use ring-tile throughout my dashboards, so I’m motivated to keep improving it. But you can be sure that I will be slow.

For full disclosure: my server rebuild has now run into a period of intense work travel, taking me through to the end of November, so things are not likely to get better quickly.

So if this is all too slow for you, I sympathise with your frustration and understand if you choose to move onto another option.

Of course, I would absolutely welcome PRs on Github if frontend development is your thing.

Lastly - thanks @dcapslock for the super helpful input on how to make ring-tile card play better with card_mod. They look like simple things I can do to make it easier to deal with. As you’ve noticed, my starting point for ring-tile card was the inbuilt tile card, so there is probably a bit of unnecessary cruft left over.

Stay tuned…

8 Likes
173

works! Thanks

174

is there a way to offset north on the compass layout?
idealy i would like it offset by about 336 degree so north is pointing north if that is possible

175

Hi @philsbits - the short answer is no - not at the moment. You could define a template sensor to do the same thing.

But I’m not quite sure I get the use case… “so north is pointing north”? What’s the problem you are hoping to solve?

176

I was trying to get the” compass” bit of it to track the sun and moon in real time so it points to where it is in the sky. No reason really, just was seeing what was possible with the card. I did find a way with the card mod to rotate the whole card, but I could get the background to be clear…

Still playing with cards and seeing what is possible, keep up the cracking work.

1 Like
177

New release v1.0.4

At long last, time for an update. Thank you all for your patience - this update took much longer than I ever expected. Turns out maintaining an open source project (even a small one) isn’t as easy as it looks… :wink:

This release is mainly bug fixes, but one new feature as well.

With this round of bugs out of the way, I’m hoping to hit a few features next.

New feature

Bug fixes

  • Prevent min / max values tangling by reducing decimal points if required (#30)
  • Localise decimal point (comma or full stop) (#33)
  • Fix bottom_element: ring_value (#35)
  • Treat empty attribute values as zero (fixes light off case described by @scw2wi) (#41)
  • Fix grad colour scaling for proper alignment between indicator and grad colouring (#42)
  • Improve card_mod handling - this should help with setting CSS variables when ring-tile is part of a stack. For example @scw2wi’s problem and @mynolix1986’s case. Thanks @dcapslock for the tip on how to fix (#12 sub issue)
  • Render icons as pure SVG to improve scaling when customised sizing is applied. Should help improve the look of the case @swampylee described (#6)
  • Reduce icon size for larger rings when used as bottom_element
5 Likes
178

Many thanks for this bugfix release, it’s so great. All my reported bugs are fixed now, and also the transparent background is working so easily.

The longer the last, the greater the joy.

2 Likes
179

Hi Nick,
thanks for another big update.
From what you wrote up, I can’t really determine, but is this now an option: Ring Tile Card: visualise your sensor data - #159 by Mariusthvdb?

1 Like
180

Thanks for the kind words @scw2wi - great to know that the fixes worked for you!

Sorry @Mariusthvdb - not yet. I separated your request out from the previous issue (#17) on compass markers into a new issue (#46).

1 Like
181

Hi @neponn,

thanks for the card this is super useful! On a very different note. I noticed that you have a very nice weather forecast card. Where is the background from?

Thanks Flo

182

Hey @flowdihow - glad you like it!

Great question about the weather forecast card - I have been meaning to write it up for a while. Short version: it’s a bunch of card_mod styling applied to the inbuilt weather-forecast card.

To avoid crossing the streams, I’ve written it up in a separate post.