How to Create a Scrollable Text Area with TextMeshPro in Unity 6 💛
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/textm...
📖 Chapters 🔖
00:00 The result of this tutorial
00:18 Setting up the basics: The TextMeshPro rect transform and Text box
01:04 First steps: Make your TextMeshPro content scrollable
02:05 The details: Working with margins in TextMeshPro
02:16 Fixing the size of the vertical scroll bar
02:33 Shaping your text box with a mask
02:48 Wrapping Mode: Scroll rect does not work
03:06 Result and preview of creating tooltips with the link tag
📁 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 / discord !
🎮 Play My Games
🎲 https://christinacreatesgames.itch.io
🛍️ Recommended Assets
https://assetstore.unity.com/lists/hi... [affiliate]
📖 List of books all around Gamedev and Design I recommend: https://www.christinacreatesgames.com...
Otherwise, using my affiliate codes for these stores helps to support my channel:
🛒 Unity Asset Store: https://assetstore.unity.com/?aid=110... [affiliate]
🏪 Synty Store: https://syntystore.com/christinacreat... [affiliate]
🪸 Envato Elements: https://1.envato.market/ChristinaCrea... [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/gamedev...
☕ 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