I think it would be great if we could set images as the background of boxes. The UI would be the same as it is for space backgrounds.
didn’t see this on discord, but do you examples of background images you’d use in boxes? would you want them displayed with transparency like how box background colors are displayed?
I would want them to be solid, with the box color only showing on the borders. If it uses the same ui as space backgrounds, the tint option could be turned into a toggle, when toggled it would tint the image with the box color.
I could see this looking something like this:
If the box is set to only border, the image wont be tinted, if it set to the other option, it tints the image with the color chosen for the box, pretty simple imo
the controls in that part of the dialog are also used in the multipleselection dialog,
so it only makes sense to put background there if changing the background to be the same for multiple boxes at once is something that would commonly come up ? which i don’t think it would
would you want the background image to stretch or tile inside a box?
i think tile is the way to go, just like how space backgrounds work
to me it made sense to put it with the other settings, i didnt have multiselect in mind, but yes changing multiple backgrounds at once isnt something i see id use often.
WIP
when i originally wrote all the background image picker/upload stuff I strongly assumed in the code that it the images were for space backgrounds, so the hardest part of this work is untying all those assumptions
For the presentation slide use case, it would be nice to have a stretch option. That would alleviate some need to get fussy using an outside tool to make images uniform. As long as images are the same aspect ratio, then you can have an image that generally fills the box.
what does “making images uniform” mean in this case?
What I mean by “making images uniform” is resizing images to be the same general size so that each box (with different images) will be the same size. If there is no stretching, then if I have a smaller image, it will start tiling compared to a box with a bigger image. And what I want is my boxes to be like slides in a presentation, and the images are a background that fill each slide.
you have a good point. sometimes only wanting to see one of an image is the better option instead of tiling
in this case, maybe using an image card which you can control the size of is a better/less-fiddly option than a box?
That’s more fiddly for my use case, which is wanting to create a presentation slide with content inside. If I had to use a card, then I’d have to lock it, but if I needed to move the whole slide then I’d have to unlock the card and then move it and then relock.
I’m imagining an option to tile versus stretch on the box. I’d expect stretch to be the more common use case.
Ben
should the box background image show up as tinted by the box color? I’m guessing not, but just double checking.
The box background picker probably won’t show the random gradients and the tint button
related issue with box backgrounds , if they’re not transparent at all then they cover up connection lines… so maybe they should be transparent?
added Stretch background open to box background images (uses css background-size: cover)