Hi, this is kind of a weird (frustrating) problem…
I have created a “FloorPlan” on the picture elements card and just added time and date to it. Everything on the computer (windows) is displaying and working as you would expect. However on my iPad Pro and other iPad (not pro) some of the numbers wont show up in their entirety (see photo). It happens basically every minute change for the most part.
I tried moving the time around the screen to make sure the wasn’t some off leftover image blocking the numbers but nothing help and like I said it display 100% of the time on the windows PC.
Here is the config code that I added to format the Date and Time:
sensor:
- platform: time_date
display_options:
- 'time'
- 'date'
- 'date_time'
- 'date_time_utc'
- 'date_time_iso'
- 'time_date'
- 'time_utc'
- 'beat'
- platform: template
sensors:
simple_date:
friendly_name: "Simple Date"
value_template: "{{ now().strftime('%A, %B %d') }}"
simple_time:
friendly_name: "Simple Time"
value_template: "{{ now().strftime('%I:%M %p') }}"
and he is the lovelace code:
- entity: sensor.simple_date
hold_action:
action: none
style:
color: 'rgba(255, 255, 255, 0.7)'
font-size: 1.9vw
font-weight: 200
left: 2.4%
letter-spacing: '-0.05vw'
max-width: 1px
top: 5.5%
tap_action:
action: none
type: state-label
- entity: sensor.simple_time
hold_action:
action: none
style:
color: 'rgba(255, 255, 255, 0.7)'
font-size: 3.6vw
font-weight: 400
left: 2.4%
letter-spacing: '-0.05vw'
max-width: 1px
top: 10.8%
tap_action:
action: none
type: state-label
- image: /local/lovelace/overlay/room_select1.png
style:
left: 11%
top: 29%
width: 15%
height: 5%
opacity: 50%
tap_action:
action: call-service
service: input_select.select_option
service_data:
entity_id: input_select.select_floorplan
option: First Floor
type: image
I would really appreciate any help on this - thanks