Assalamu Alikum
Can you please tell me how you created this prayer time Card
If you have codes can you please share me with instruction . Because i am in 1st time in home assistant
Waalaikumsalam shamseer,
I saw that you have already posted the card in your previous post.
If you want to offset the time for Isha prayer, i don’t have any idea myself on how to do that, maybe someone more experience with Python codes can help…
Thanks for your help and Instruction …
You know how to create below same like Dashbord in HA
For styling the UI, you have to look thru those post with title “Lovelace”.
I’m new with HA too, just a few weeks, so haven’t really tried playing around with the UI
Something like this post:
If you are using Google Home Mini, you could also refer to another thread:
Wasallam shamseer.
To create this card it’s simply a Glance card in the Lovelace UI.
Once you have your adhan sensors setup, simply create a lovelace glance card and add the sensors to that.
If you’re referring to the background appearance, I’m just using a different wallpaper for my background.
Assalmu alikum
Thanks for your Reply . I have tried and Success,But cant possible to change background image .
I am not well in coding . if you possible to send me the configuration code it will easy to understand me .
code
type: glance
entities:
- entity: sensor.fajr_prayer
format: time
- entity: sensor.dhuhr_prayer
format: time
- entity: sensor.asr_prayer
format: time
- entity: sensor.maghrib_prayer
format: time
- entity: sensor.isha_prayer
format: time
title: Prayer Time
I believe you will fix my issue
Walaikum salam.
For lovelace background, I simply have the following line at the top of my lovelace raw config, first line:
background: center / cover no-repeat url("/local/background4.jpg") fixed
You can put your image files into the www folder.
I did not get . When i pasting background config it will effecting all Background .
If you sedn me your code it more help for me
I request you to send me the code for above prayer time .
my code
type: glance
entities:
- entity: sensor.fajr_prayer
format: time
- entity: sensor.dhuhr_prayer
format: time
- entity: sensor.asr_prayer
format: time
- entity: sensor.maghrib_prayer
format: time
- entity: sensor.isha_prayer
format: time
title: Prayer Time
background: center / cover no-repeat url("/local/Bed Room.jpg")
Please tell me where i want to add background image code
The line I suggested is for your Lovelace global config, not your card. Doing this line of code will add the background to ALL of your pages in homeassistant.
If you would like to have all your pages with the same background:
- Place your desired image in the www folder (e.g. 1920x1080 high def background)
- In your home assistant page, click the ellipsis (3 dots) icon, top right of your page
- Click the Configure UI selection
- Click the ellipsis (3 dots) again, and this time click Raw configuration editor
- A code editor will appear. Paste the line of code and hit save.
If you want to have the image for just the one card, you might have to look into using the picture entity card instead:
type: picture-glance
title: Living room
entities:
- switch.decorative_lights
- light.ceiling_lights
- lock.front_door
- binary_sensor.movement_backyard
- binary_sensor.basement_floor_wet
image: /local/living_room.png
Thanks for your information and sorry for disturbing you …
The above method i have done all background image .
But i need the background only for the Glance card for prayer time . attaching the sample image .
And i successfully done all background image change with your instruction
Actually i want to change the background of the card only …
Instead of white color on prayer time card want to change
Have a look at the picture-glance card. I posted a link at the end of my post.
Thanks
I will Try
Thanks for your information
Assalamualkum
Finally i have changed card background with curved edge through themes.yaml
see screenshot
Can someone please help me with this i’m new to this i have no idea what is going on here, i have a google home hub and I’m trying play automatically azan on it
Looking Nice,
How do you connect a TV to home-assistant or to Raspberry PI? I connected A tv to HDMI on the raspberry Pi port and restarted from home assistant but it doesn’t display and dashboard or anything on the display? Any help will be appreciated.
Salaam @shamseer, could you please be so kind and share with us your themes.yaml conf
I like the screenshot