Tired of boring, static backgrounds in your Home Assistant Lovelace UI?
Want to add a touch of dynamism and visual interest?
Introducing the lovelace-fluid-level-background-card, a custom card that renders a mesmerizing animated fluid level behind any other card in your Lovelace UI.
This card is perfect for:
Visualizing sensor data in a captivating way, like water tank levels or battery gauges.
Creating unique and eye-catching dashboards.
Adding a touch of personality to your Home Assistant setup.
This looks beautiful! Should work great with my kettleās water level sensor.
Seems it doesnāt fully support card resizing in the new Sections view. I hope itāll be fixed in the future though.
Can someone help me please i have tried following the code online for this card but when i do the water level bar sits off the card to the bottom left and i cannot get the bar to move back please see my code below.
I have tried adjusting the px values and nothing changes.
Your code contains 4 different cards and card-mod. This thread is just for one of them. I would suggest you āisolateā your issue by solving issues with ONE particular fluid card. If you found this code in Internet and trying to use it blindly - not a proper way for a beginner.
I have got the fluid card working correctly it is just off the card to the bottom left.
I havenāt just blindly starting using the code I have been trying to work with it.
the cards you see pictures of in this page also use multiple cards to achieve the look.