Seeking to make menu adjust to fit screen size in an AR app AR foundation, unity UI

I am making an AR app in unity, when a button is clicked it takes the user to a menu. Right now the menu fills the entire screen which is what I want. The header is at the top - good, my scrollable section is bellow the header and the footer is bellow the scrollable. Right now the bottom of the footer stops mid screen. How can I bind the footer to always be attached to the bottom (with its set height) and then have the scrollable bind its top to the bottom of the header and its bottom to the top of the footer with a fixed height to adjust for different screen sizes?

TLDR: I want to bind a UI footer to the bottom of a screen and have a scrollable section have dynamic height depending on device height. The Scrollable’s top will be bound to the bottom of the header and the Scrollable’s bottom will be bound to the top of the footer.

I know how to do something like this in android studio and know it is probably a very simple answer, but I honestly can not figure it out after hours of research. If anyone has some good tutorials or articles on this sort of thing please send them my way.

Make the canvas scale with screen size and use the rect transform anchors to anchor them

1 Like