Webpage card for Qlocktwo

Share your Projects! Dashboards & Frontend
1

I’m trying to add to Lovelace the Qlocktwo iframe using webpage card, but the result is not optimal…

image
image627×635 17.9 KB

Is there a way to remove white borders?

Next step would be to edit the size parameter according to the device (iPhone,Chrome on PC ecc…) and for this I think I might use the 📝 100% Templatable Lovelace Configurations

2

You can do it using Lovelace-card-mod https://github.com/thomasloven/lovelace-card-mod

type: iframe
url: 'https://files.qlocktwo.com/Q2/embed.html?controls=false&language=EN&size=400'
aspect_ratio: 90%
style: |
  ha-card {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
  }

And then use 100% Templatable Lovelace Configurations to change ‘size=’ and ‘aspect_ration’

1 Like
3

Thanks a lot! It works :slight_smile: