GridVids
Sign in with YouTube

How to Create a Scrollable Text Area with TextMeshPro in Unity 6 ๐Ÿ’›

Christina Creates Games Mar 5, 2023 11:00
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Don't Miss
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Mark watched
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Hide
Open in popup Open on YouTube
Share video

Share video

Copy the GridVids link or iframe code.

Video link
Iframe code
Iframe content

Chapters
In this step-by-step tutorial, I will guide you through creating a scrollable text area in Unity using the Scroll Rect and TextMeshPro. You don't need to know how to code for this one! First, I'll show you how to resize the Scroll View and set up the background graphic. Then, I'll walk you through adding a TextMeshPro UI component to the Content Gameobject and using the Content size fitter component to make the text scrollable. You'll also learn how to adjust the margins and the vertical scrollbar and create a mask and image component to give the scrollbar the shape of your text box. Scroll rect as overflow mode does not work since quite a while, read up on it here: https://forum.unity.com/threads/textmeshpro-scrollrect-overflowmode.533758/ ๐Ÿ“– Chapters ๐Ÿ”– ๐Ÿ“ Get the PDF Version of my tutorials Would you rather read a book? I have a collection of eBooks on the Unity UGUI System here: ๐Ÿ“˜ Itch: https://christinacreatesgames.itch.io/ ๐Ÿ’ฌ Join the Discord You are very welcome to join https://discord.gg/8pDT2J2TBX ! ๐ŸŽฎ Play My Games ๐ŸŽฒ https://christinacreatesgames.itch.io ๐Ÿ›๏ธ Recommended Assets https://assetstore.unity.com/lists/highly-recommended-9071944798250?aid=1101lr4hF [affiliate] ๐Ÿ“– List of books all around Gamedev and Design I recommend: https://www.christinacreatesgames.com/bookshelf Otherwise, using my affiliate codes for these stores helps to support my channel: ๐Ÿ›’ Unity Asset Store: https://assetstore.unity.com/?aid=1101lr4hF [affiliate] ๐Ÿช Synty Store: https://syntystore.com/christinacreatesgames [affiliate] ๐Ÿชธ Envato Elements: https://1.envato.market/ChristinaCreatesGames [affiliate] ๐Ÿ”–Humble Bundle: https://humblebundleinc.sjv.io/xLGLNR [affiliate] ๐ŸŒŸ Actionable UI Feedback for Your Game I offer UI consulting for gamedev projects! With 15+ years of design experience and a background of a teacher, Iโ€™m here to help: ๐Ÿ‘‰ Learn more: https://www.vennegerts.com/en/gamedevelopment-consulting/ โ˜• Support Me on Ko-fi If you enjoy the content and want to support my work: ๐Ÿ’› Buy me a cocoa: https://ko-fi.com/christinacreatesgames #unitytutorial #unity3d #gamedev #indiedev
Education
#TextMeshPro #Unity tutorial #Learn Unity #game development #text mesh pro #game development for beginners #game development unity #game development tutorial #Unity TextMeshPro #Link tag #Unity UI #Game UI #Text Mesh Pro link tag #Text Mesh Pro tutorial #unity tutorial for beginners #ScrollableTextArea #UIComponents #UIDesign #Tutorial #GameDevelopment #GameDev #GamedevTips #GamedevTutorial #UIElements #UserInterface #UnityUI #UnityTips #UnityTricks #GameDesign #Textmeshpro input field