#Problems with basic flexbox layout

8 messages · Page 1 of 1 (latest)

past spindle
#

I thought I have a relatively simple UI I want to set up. Just a dialog box with a name display on the top left above it, but I cannot manage to do it. Even just placing 2 text nodes under each other seems impossible, as my name display always appears under the larger dialog box, and as far as I understood, it should put stuff next to each other by default? Also I'm confused by the direction, the Row, Column and their reverses' don't seem to do anything, so I thought I'd change the order of spawning my 2 elements, but for some reason even then the name display is lower.

sour iris
#

Make sure your project has picked up bevy 0.10.1 which was released a few days ago and has important UI bug fixes.

If that doesn't help, post some code. Bevy's UI layout does generally work.

past spindle
#

I am on 0.10.1 so that's not it?

this is my whole ui setup

#

should look something like this (just missing the image behind the name display in the code still)

sour iris
#

it should put stuff next to each other by default

That's not the case with PositionType::Absolute. That pretty much overrides all the flex stuff and just uses the position you specify (relative to the parent), with the default being 0, 0 if position isn't specified.

past spindle
#

this bums me out immensely.. :D I was so confused why I had to set Absolute everywhere but after skimming over the examples it seemed to be the way to go.. I thought it worked as I wanted it to in those examples. thanks I will try Relative everywhere immediately :p

past spindle
#

oof it instantly does what I want.. tyvm 🥳