I am trying to set up dynamic sizing for some of my dynamic and interactive UI stuff and am having great difficulties:
What I Want:
I have a parent panel called ConsolePanel, and my original guess was to have a vertical layout on there and 2 child panels, expecting it to use the content inside each one to change the size accordingly…uhm…No; of course it wouldn’t do that, it’s logical…
What I need is for the top panel (shown in grey) to be sized in accordance with it’s content, and the bottom panel (shown in black) to sit below it taking up the rest of the parent panel.
HOW ON EARTH IS THIS DONE?
*Update: Sorry for the caps, I’ve been fighting with Unity’s “advanced” UI for the better part of an hour…
i’m not very familiar with uinityUI, but i wonder if a Content Size Fitter would help some?
https://docs.unity3d.com/Manual/script-ContentSizeFitter.html
This is what I have been trying to use, but without much experience apart from creating the odd box and image, I have no idea how any of it works or how to use it, and tutorials don’t seem to show me what I need either 
on a tangential note:

its not complete, but I like how its shaping up.
If you just have a list of options, you can use the content size fitter and a layout (grid or vertical layout) on the content part of a scroll view. Then your options will be children under the content. I think if you use vertical layout you have to apply a layout element on the children as well, unless they are the same size.
You could probably use these on something other than a scroll view and it would be fine as well I would think.