Put elements side by side (left -> right)

Unity Engine
1

I am struggling to understand how to align my items from left to right.

In webdev its actually pretty simple, something like this:

I know the UI toolkit it similar but not the same, but still its a basic function. Hope someone can explain me why the same logic does not apply on unity.

7524758--928571--side_by_side.png
7524758--928571--side_by_side.png921×555 38.6 KB

Also, which styles exactly are all these symbols, is there a cheatsheet or something similar somewhere? It would be useful to see on hover which one it actually is, e.g.: wrap/nowrap etc. Right now if I hover over each symbol I see for example flex-wrap for each one of them.

7524758--928574--symbols_meaning.png

2

Hi @UniZoja ,

Have you set the Flex-Direction on the #unity-content-container to column ? From your screenshot, it seems to be set to row.

Thanks for the feedback regarding the tooltips, I’ll bring it to the team.

1 Like
3

Thanks for the help again. I had to override the styles of unity-content-container. I ignored it because it was greyed out, that on me.

For other people:

  1. Create a new selector
  2. Name it #unity-content-container and now you can apply styles on it
    NOTE: If you have multiple scrollbars, it will affect all. In my case I wanted only one of my scrollbars to be affected.
    For this you can add the parent to the selector, in my case: #Floors#unity-content-container
1 Like