aframe-gui icon indicating copy to clipboard operation
aframe-gui copied to clipboard

information about organizing elements?

Open kylebakerio opened this issue 4 years ago • 1 comments

It seems by default that in all the examples I see, you can only stack elements one on top of the others. Is there a way to flow things side-by-side? Is the expected idea that you nest containers and each container only has vertically stacked content within itself, so you'd do two nested containers in a parent container to get side-by-side content?

This is a bit unclear and not demonstrated as far as I've noticed. Lots of the documentation gives the vibe that there's some sense of content flowing, but I still am unsure how that is supposed to work and it hasn't worked exactly as expected.

kylebakerio avatar Jan 13 '21 16:01 kylebakerio

I went ahead and inferred stuff from some examples and made some guesses and have found that using child gui-flex-container wit flex-direction as row allows putting horizontal elements, while putting flex-direction for the outer gui-flex-container as column allows stacking the rows. Should have an example of this in the main demo and info in the docs, but working fairly intuitively.

kylebakerio avatar Jan 18 '21 12:01 kylebakerio