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

Published: 05 March 2023
on channel: Christina Creates Games

22,379

676

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, consider using my affiliate link when buying cool stuff in the Unity asset store: https://assetstore.unity.com/?aid=110... [Affilate link]
Synty Store: https://syntystore.com/mh/christina [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

Watch video How to Create a Scrollable Text Area with TextMeshPro in Unity 💛 online, duration hours minute second in high quality that is uploaded to the channel Christina Creates Games 05 March 2023. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 22,379 times and liked it 676 visitors.

5,053,362

57K