How to control UI Page elements?

[Asatte32]

Hi, I am trying to create a main menu but having some trouble with the UI components so I have a few questions:

1. How to control the order on the scene (Stack panel)? I move a component up on the hierarchy but the order on the page is not respecting to this replacement.
2. How to make sure a component can stretch properly? If I have a button or stack panel under a parent with size of 1000 in height, with vertical stretch selected, I expect it to stretch and fill the whole space (if there are 2, I would expect them to share it 500-500). But stretch does not seem to work as expected

Thank you

[Asatte32]

Ok, I was able to figure it out (kind of)
I am using only Uniform grid as my layout type for all layers. On it, if you change Rows field (for example 5), it will divide the height into 5 equal pieces. Then under it, components will have Rows field. If you set it 3, then it will take up the 3/5 of the vertical space (should work the same if used as horizontal with adding Columns instead of Rows).
And, to change the order, change the Uniform Grid.Row field. It takes values between 0 - (Parent Rows - 1) -> In this case 0-4.
If you have a button and you want it to take up 2/5 of the field at the bottom, set its:
Uniform Grid.Row = 3
Uniform Grid.Row Span = 2
So it will start from the 4th section and cover the last 2.
Note that the children do not respect each other. Just because you place a child on field 1, it will not push the others back. They will share the same space and you need to change them yourself