Sign in to confirm you’re not a bot
This helps protect our community. Learn more

How to Create a Scrollable Text Area with TextMeshPro in Unity 💛

Christina Creates Games
6.59K subscribers
<__slot-el>
<__slot-el>
25K views 2 years ago GERMANY
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... 💬 Discord 💛 You are very welcome to join!   / discord   🛍️ Store links 🛍️ If you'd like to support my channel, please use my affiliate links when buying cool stuff: My favourite assets I install by default into every project: https …...more
...more
How to Create a Scrollable Text Area with TextMeshPro in Unity 💛
768Likes
25,216Views
2023Mar 5
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... 💬 Discord 💛 You are very welcome to join!   / discord   🛍️ Store links 🛍️ If you'd like to support my channel, please use my affiliate links when buying cool stuff: My favourite assets I install by default into every project: https://assetstore.unity.com/lists/hi... [affiliate] Unity Asset Store: https://assetstore.unity.com/?aid=110... Synty Store: https://syntystore.com/christinacreat... [affiliate] 🌟 Need help with your project's UI?🧠 I have been a designer for more than 15 years, a teacher for three and I offer paid consulting for your project! You can find all the information here: https://www.vennegerts.com/gamedevelo... I am looking forward to hearing from you 💛 🎮 Play my games on Itch.io 🎮 https://christinacreatesgames.itch.io 📖 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 #unitytutorial

Follow along using the transcript.

Christina Creates Games

6.59K subscribers