Simple setup. Horizontal Box containing Text and Image.
I would like the image to be flush with the text, right next to it. I would also like the text to wrap if it does not fit within the available space.
My issue: When wrapping triggers, the visual width of the text is reduced. But the actual size of the widget doesn’t really shrink, which creates a space between the text and image.
How can I implement this correctly?
Picture of what I would like it to look like
you can try with a sizer widget, or set the “weight” percentage for the objects.
All those are valid alternatives to limiting the total size of the text, which is important for wrapping to work. However, once the wrap happens, there is nothing that shrinks it back.
On the other hand, making the text attempt to occupy as little space as possible ends up in all words wrapped individually, regardless of how much it could have occupied.
I’m open to using RichText or some form of manual size manipulation even if needed, but I dont know how I could get that ‘desired size’ from the wrapped text.
you can set a “minimum” size on a text block. though i don’t like it because it’s not flexible, you have to specify the pixel size.
please take a look at the anchor and the settings for filling and positioning.
you can also try adding a “spacer” (at the right of the image) to force the textbox to reduce size.
