With the blue areas having the ability to gain new elements and expand their size accordingly, black areas to expand their size to fit what is in them, and red areas remaining a fixed size. The whole thing is then within a scrollrect so you can scroll through it vertically.
The problem I am having is the content size fitters don’t seem to like being placed within each other, as this layout requires multiple vertical layout groups with content size fitters on them. How would you go about implementing this then?
I’ve got no idea what is going on exactly, do you mean small cyan bar can expand to fill red area in vertical axis only, and no more… and cyan square can expand black frame in vertical axis as much as it wants, if new (layout) elements are put inside it?
I guess one way would to create a script and manually calculate proportions for both cyan box elements in question?
Basically both the black and blue areas are vertical layout groups that adjust their height to fit the contents within them, where as the red area is a fixed size.