Page 1 of 1

Web Interface not loading background images

Posted: Sat Sep 17, 2022 2:17 am
by elliotdf
Hi,

I'm using a web interface setup to run my light show and have designed some jpegs to use for my button backgrounds. They load successfully in the virtual console but not in the web interface.

I've tried the following:

-Different file formats (jpeg, png)
-Different file sources (images uploaded from a folder, images directly from desktop)
-Different operating systems (linux, mac)

Can't seem to get the web interface to load the images.
It registers any other changes to the buttons I make (positioning, background color, text wording, text color) but not images.

Please assist. Thanks!

Re: Web Interface not loading background images

Posted: Sun Sep 18, 2022 5:23 pm
by mcallegari
At the moment custom images via web interface are not supported

Re: Web Interface not loading background images

Posted: Mon Sep 19, 2022 9:13 pm
by kripton
Funny, I just saw your commit (https://github.com/mcallegari/qlcplus/c ... 3323108740) while working on the feature myself. Just for reference, this would be my initial implementation: https://github.com/mcallegari/qlcplus/c ... gesOnWebUI

Re: Web Interface not loading background images

Posted: Tue Sep 20, 2022 6:34 am
by mcallegari
Yes, I took some time and implemented it.
Please everyone test it and see if that is what you expect.
There might be some glitch on scaling, so you might need to use pre-scaled pictures (or override the CSS with background-size: cover)

Re: Web Interface not loading background images

Posted: Sun Oct 09, 2022 5:19 pm
by elliotdf
@massimo

Regarding image scaling, is there a way to determine the exact pixel size of buttons created on virtual console? I believe right now you can only manually click and drag each button to the desired size but no real sure way to determine what the pixels are. That’d be a nice feature for us enthusiasts on making pretty GUIs :)

Re: Web Interface not loading background images

Posted: Mon Oct 10, 2022 6:50 am
by mcallegari
As suggested above, have you tried with CSS auto-scaling?
Frame sizes can be found in the project XML anyway.