- Home /
How to have multiple panels react in a single scrollview?
Hi everyone, i'm making a player helper app for a tabletop RPG, and i need to have a scrollview for the ability panel since it will grow overtime, and i don't want it to be too big on screen.
My problem is that each ability line consist of 5 elements: an image for the power, the name of the power, and 3 possible modifier (each of a different color). I've tried the grid layout, but since they are not all of the same size, it's kind of hard to fit them all correctly, and i need the layout to be dynamic.
Here's my hierarchy ;
-Panel with scroll rect script -Viewport with mask -content with the content size fitter set on prefered size and pivot point at top -image panel (vertical layout) -text panel (vertical layout) -modifier 1 (vertical layout) -modifier 2 (vertical layout) -modifier 3 (vertical layout) -scrollbar (vertical)
My problem is that the content size fitter is not following the layout progression of cloned gameobject, so if it get out of the viewport, i can't scroll it up.
Is there something i'm missing?
And can i put more than one gameobject in the content of the scroll rect, and if yes, how?
Answer by Orck79 · Oct 26, 2017 at 02:16 PM
I finally found my problem, by using the scrollview UI, it all comes ready to insert whatever you want in the content panel, but be sure not to make the same mistake I did, and copy an existing panel to at the location of the content panel without changing the content component in the scrollview script.
With a content size fitter in each of my layout set on prefered size, and on the content panel, it works perfectly.
Your answer
Follow this Question
Related Questions
How to remove/hide GUI scroll bar 7 Answers
Nested Scroll Views: How can I pass drag control from an inner scroll view to its outer scroll view? 2 Answers
ScrollRect scrollbar drag being overridden and stuttering to top 0 Answers
Unity Scrolling Textbox 2 Answers
Where can I edit UI.ScrollView? 0 Answers