You deserve a decent beer. I had the same problem over a year ago and managed to forget how I dealt with it. You saved me dozens of minutes that I would have wasted looking for a solution.
I've been programming in Unity for almost half a decade and it's the first time I realise I can do calculations inside the numerical fields like you did in 4:18 . Thank you :D
thx, I didn't copy it, but needed to understand the concept, I appreciate this video you have made for others, I usually do not watch tutorials as it hinders my own ability to learn, rather than copy, but this was helpful for my UI building, I have only coded so far, never anything to do with UI
For everyone who has the same issue like mine : my menu option are composed by 3 sprites. One of these three correctly "disappears" behind the mask, the other two don't. I figured out that the one that disappears has Material set to None while the other two have this Material value set with Sprites-Default. Set it to None and it will works. I hope this helps. Anyway, very nice tutorial :)
Thanks for this information dense yet accessible vid! Helped me through some sticky UI bits. Unrelated to your video but now I've a world of nested prefab variant UI hell to figure out. Probably shouldn't be prototyping and trying to build reusable components at the same time - though I see in many places on the Unity forums people with my same issue..!
thanks this helped a lot i end up using horizonal layout group and with some tinkering with anchors i was able to make my sroll view responive :) Cheers buddy
I do exactly the same as in the video, but there is a problem, there is no limit on scrolling with "Elastic", and with "Clamped" it stops scrolling at all, I have already watched all the videos on TH-cam and walked through different forums, everyone is talking about "Vertical Layout Group" and "Content size Filter", but they don't help in any way. What to do?
im having a problem and im not sure what i missed, for some reson my list keeps starting in the middle . nothing ive tried has fixed it also with my menu when i add another button they overlap and i need to reset the spacing
Hey! Great tutorial! Have a question though. For my application the content is 3D card objects with multiple materials on them and the auto spacing only works if I child the cards to a plane, however the cards are still visable beyond the boundaries of the panel. Is there a way to make 3D objects with many materials work in the same way as your example? Being hidden when outside the mask? Thanks!
I created a scrollview element and the scroll bounces back when i move it, why this can be? i just use the default UI scrollview Unity gives in Unity 2021
HI,I made a scrollable buttons, which redirects to different scenes, (nearly 20 buttons). is there anyway to save the position at which i left the scene.(ex: i clicked 15th button, so when i come back from that 15th scene , i have to scroll again from the top and select 16th button)
You could make it so the when you tap a button, the game gets the position of the scroll menu, or like where it is at and sets it as a save variable, and then make it so when the scene that has the scroll menu starts, the game gets the variable and sets the position to what the variable is, something like that. Or make it so the scene stays loaded always in the background so it doesn’t restart when you go back to it
Do you have a video showing how you found or made the buttons and panels used in this video? I really like the look and would like to try something similar.
I need a horizontal scroll area with dynamic content, but if I follow these steps and replace every vertical thing with horizontal, then it will expand from the middle outward to the left and right instead of only expanding to the right. Any ideas on how to fix this?
@@ConsideraCore I'm having the same issue as here except I cant fix it since the panels y pivot is already set to 1. I even re-followed this tutorial and still don't understand where I went wrong.
Hey there. Wondering if anyone here has the issue to my current problem. I am trying to create a vertical scroll view in my app with text on top, and a bunch of buttons under that. The problem I'm having is that I need my text's vertical height to be dynamic. Any time I use a Content Size Fitter on my text all the buttons appear on top of it at runtime, rather than below like I want. If I remove the Content Size Fitter, than my text box size remains static. Really stumped here. If anyone stumbles on this comment and knows a solution please, help a guy out! Thanks in advance!
@@LukulluTV Ah man, tbh I did figure it out, but I forget how now, cuz its been so long. I do have the template still though, so I'll try to look into it, or just make a download link for it somewhere so you have something to go off of. Could be a bit, but I'll try to report back soon when I do one of those things!
@@LukulluTV Update: I still forget how I did it, but I have a Unity CYOA template I made the same way (that was my reason for figuring out how) Its a small project, so I uploaded it. If you inspect my template, you should find what your looking for... hopefully. I think whatever it is, its really dumb, but it does work lol. Anyways, here's the link: drive.google.com/drive/folders/1mj1qsp8a5DZobPObACt3I14lcXvAaps4?usp=sharing I hope it helps XD!
@@ConsideraCore I suppose you did, I just meant instead of making rect-transforms and adding the components, there is one already pre-build with those components. under UI/Scroll-View
Tip: set the pivot of the panel to 0.5, 1 instead of 0.5, 0.5 to have it start at the top, not the middle
You deserve a decent beer. I had the same problem over a year ago and managed to forget how I dealt with it. You saved me dozens of minutes that I would have wasted looking for a solution.
Thanks man, saved my two braincells from dying.
Do you know why he didnt need to do that in the video?
He only set it the anchor to the top.
he did have that problem, just for some reason he diddnt show how to fix it @@xXYannuschXx
@@xXYannuschXx I'd like to know too, the tip saved me, I rewatched the video multiple times just to see where I went wrong XD
THANK YOU FOR THE TIPS!
I've been programming in Unity for almost half a decade and it's the first time I realise I can do calculations inside the numerical fields like you did in 4:18 . Thank you :D
This works actually in many numerical fields, not just Unity! Such as Photoshop
you just saved my career ♥
I know I'm quite off topic but does anyone know of a good place to stream new tv shows online ?
@Gregory Christopher I dunno try Flixportal. you can find it thru google =) -mauricio
@Mauricio Alfonso Thanks, I went there and it seems like they got a lot of movies there =) I really appreciate it!!
@Gregory Christopher No problem :D
This is amazing. Simple and useful, recommending to anyone who wants a simple scroll UI panel in minutes! Cool stuff
I used this to make a scrollable inventory with draggable items. It worked perfectly! Thank you for this video!
thx, I didn't copy it, but needed to understand the concept, I appreciate this video you have made for others, I usually do not watch tutorials as it hinders my own ability to learn, rather than copy, but this was helpful for my UI building, I have only coded so far, never anything to do with UI
Changed my life with the Layout group
This is the best scroll rect unity tutorial out there. I have seen plenty
Best tutorial ever. Thanks so much!
You can also Disable the option "Show Mask Graphic" instead of changing alpha to 1. Great video dude, helped me a ton.
Yep!
Thanks bro this is gonna help me with my game jam.
I need this every once in a while and since I dont use it enough to remember it I have ventured back to this video about 6 or 7 times already. Thanks!
Thank you! You are the only person who told me about size fitter and saved my keyboard from being smashed...
Thank you so much for this video! You saved me hours of searching!
I just wanna say Thank you so much
unity 2023 tutorial made more than 3 years ago xD nice title change! I rate it!!
its a valid title change; still works today!
For everyone who has the same issue like mine : my menu option are composed by 3 sprites. One of these three correctly "disappears" behind the mask, the other two don't. I figured out that the one that disappears has Material set to None while the other two have this Material value set with Sprites-Default. Set it to None and it will works.
I hope this helps.
Anyway, very nice tutorial :)
Thank you that was really useful. Keep up the good work mate!
Very helpful video! Scroll Rects in Unity are one of those things I will always forget how to do haha.
same man I always forget how the scroll rect works
Thank you, you've saved me hours of work!
Vertical layout component really helped me, thanks!
Like your style showing the things.
This is the one thing I needed! Thank you so much, man!
Thanks for this information dense yet accessible vid! Helped me through some sticky UI bits. Unrelated to your video but now I've a world of nested prefab variant UI hell to figure out. Probably shouldn't be prototyping and trying to build reusable components at the same time - though I see in many places on the Unity forums people with my same issue..!
thanks this helped a lot i end up using horizonal layout group and with some tinkering with anchors i was able to make my sroll view responive :)
Cheers buddy
Thanks Zach, really great stuff!!
The second I add the Vertical Layout Group all members disappear...
I do exactly the same as in the video, but there is a problem, there is no limit on scrolling with "Elastic", and with "Clamped" it stops scrolling at all, I have already watched all the videos on TH-cam and walked through different forums, everyone is talking about "Vertical Layout Group" and "Content size Filter", but they don't help in any way. What to do?
Great tutorial hommie! This helped me out a lot!
Thank you! Your tutorial is the only one that helped me! You explained everything masterfully!
05:07 when set the mid size, all the content goes up and start in the middle of the list... How to solve?
Straight to the point, good vid, keep up the great work
Great and clear tutorial, cutting exactly to the chase. Thank you so much sir, you helped me a lot with my project and earned yourself a subscription!
im having a problem and im not sure what i missed, for some reson my list keeps starting in the middle . nothing ive tried has fixed it also with my menu when i add another button they overlap and i need to reset the spacing
Thank you, best tutorial ❤️😍
Hey! Great tutorial! Have a question though. For my application the content is 3D card objects with multiple materials on them and the auto spacing only works if I child the cards to a plane, however the cards are still visable beyond the boundaries of the panel.
Is there a way to make 3D objects with many materials work in the same way as your example? Being hidden when outside the mask? Thanks!
Thanks for the video!
Wow this was exactly what I was looking for tysm!
Thanks, great video!!
Thanks for the help!
🤗
Amazing, I'm so glad I found your channel!
Use this video every time i need to set up a scrollable UI
this is simple easy to follow and has everything you need😀
Very good video bro! Saved my life too!
That's awesome!! I was struggling with usual sprites before I discovered how Canvas work...
Thx, bro all works!
Fantastic Video!
I created a scrollview element and the scroll bounces back when i move it, why this can be? i just use the default UI scrollview Unity gives in Unity 2021
Useful tutorial 👌
Thank YOU a lot!!
do you happen to know how to scroll with the right joystick on an xbox/ANY controller
HI,I made a scrollable buttons, which redirects to different scenes, (nearly 20 buttons). is there anyway to save the position at which i left the scene.(ex: i clicked 15th button, so when i come back from that 15th scene , i have to scroll again from the top and select 16th button)
You could make it so the when you tap a button, the game gets the position of the scroll menu, or like where it is at and sets it as a save variable, and then make it so when the scene that has the scroll menu starts, the game gets the variable and sets the position to what the variable is, something like that. Or make it so the scene stays loaded always in the background so it doesn’t restart when you go back to it
You are literally gonna be the next Brackeys
Hopefully :)
This saved my time. Thanks!
Really nice and useful video!
What a great tutorial! Thank you!
What if I wanna do grid with 2 columns?
How can I display the scroll bar menu and 3d scene at the same time? So that the player sees the scroll bar menu when playing.
5:06 if it doesn't work, change Y pivot to 1
thanks a lot!
Man, you know how to teach! Thanks!
Hi. I have a little issue. In unity everything works great. But If i make a build and play on mobile my text content show over the rect. Any help?
It doesn't scroll when my cursor is on the button. Buttons are prefab objects.
Thanks bro you help me two times
Thank youuu
Thank you! this really works!
The best tutorial i can say. because your narration is at it's best.
Thank you!
Great video thank you my friend!!! I am doing that inside a UI not working for me
you play the bass guitar too, that's epic. What bands do you listen to?
Good video!
That's working. Thank you :)
VERY HELPFUL! THANKS!
Awesome tutorial! Really useful!
Great tutorial, thank you very much!
very well explained
I'm trying to understand that, and each time i watch You video, i learn something new.
Awesome glad to hear!
very easy to follow , Thank you very much👍👍😀😀😘
at 3:55 instead of setting the alpha to 1 you can just go to the Mask component and turn off "Show Mask Graphic"
Thanks so helpful.!
Thanks!
saved me, thx
Without the transparent image in the backgroud, the scroll does not work if the draggin or the cursor starts in the space between elements
Thanks a lot, mate.
Its Help me Alot
Bro nice guide, Don't know how to improve smoothness on your smartphone?
Great video, thank you
Bro. You save me. You best. Do what you do, and gl.
Do you have a video showing how you found or made the buttons and panels used in this video? I really like the look and would like to try something similar.
Thanks man ❤
I need a horizontal scroll area with dynamic content, but if I follow these steps and replace every vertical thing with horizontal, then it will expand from the middle outward to the left and right instead of only expanding to the right. Any ideas on how to fix this?
Set the panels' (where the content is) Y pivot to 1
@@ConsideraCore I'm having the same issue as here except I cant fix it since the panels y pivot is already set to 1. I even re-followed this tutorial and still don't understand where I went wrong.
thanks, helped me a lot
Muy buen video, it's perfec
Great video indeed!!! :)
Thanks so much!
Hey there. Wondering if anyone here has the issue to my current problem. I am trying to create a vertical scroll view in my app with text on top, and a bunch of buttons under that. The problem I'm having is that I need my text's vertical height to be dynamic. Any time I use a Content Size Fitter on my text all the buttons appear on top of it at runtime, rather than below like I want.
If I remove the Content Size Fitter, than my text box size remains static.
Really stumped here. If anyone stumbles on this comment and knows a solution please, help a guy out!
Thanks in advance!
Have you found a fix?
@@LukulluTV Ah man, tbh I did figure it out, but I forget how now, cuz its been so long. I do have the template still though, so I'll try to look into it, or just make a download link for it somewhere so you have something to go off of.
Could be a bit, but I'll try to report back soon when I do one of those things!
@@LukulluTV Update: I still forget how I did it, but I have a Unity CYOA template I made the same way (that was my reason for figuring out how)
Its a small project, so I uploaded it.
If you inspect my template, you should find what your looking for... hopefully.
I think whatever it is, its really dumb, but it does work lol.
Anyways, here's the link:
drive.google.com/drive/folders/1mj1qsp8a5DZobPObACt3I14lcXvAaps4?usp=sharing
I hope it helps XD!
Btw, How comes you didn't use the Built in UI/Scroll-View?
Trying to figure it out, seems identical to what you have done, but its bugging out on me
I did use the built in one
@@ConsideraCore I suppose you did, I just meant instead of making rect-transforms and adding the components, there is one already pre-build with those components. under UI/Scroll-View
Anyway, using your step by step process worked for me, using the pre-put together one did not lol. thanks a lot and keep up the good work
Great, thank you.
THANK YOU!!!!!!!!!!!!!!!
This doesn't work, the content size fitter will not add things to the bottom, instead it adds them to the middle I cannot get it to fix.
Set the panels' (where the content is) Y pivot to 1
Wonderful tutorial clear and to the point. Thank you so much.
Very clean