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!
Web Interface not loading background images
- mcallegari
- Posts: 4908
- Joined: Sun Apr 12, 2015 9:09 am
- Location: Italy
- Real Name: Massimo Callegari
- Contact:
At the moment custom images via web interface are not supported
- kripton
- Posts: 45
- Joined: Tue Sep 29, 2015 7:01 pm
- Real Name: Jannis
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
- mcallegari
- Posts: 4908
- Joined: Sun Apr 12, 2015 9:09 am
- Location: Italy
- Real Name: Massimo Callegari
- Contact:
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)
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)
-
- Posts: 2
- Joined: Sat Sep 17, 2022 2:01 am
- Real Name: Elliot
@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
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

- mcallegari
- Posts: 4908
- Joined: Sun Apr 12, 2015 9:09 am
- Location: Italy
- Real Name: Massimo Callegari
- Contact:
As suggested above, have you tried with CSS auto-scaling?
Frame sizes can be found in the project XML anyway.
Frame sizes can be found in the project XML anyway.