This is how you layout lists with TextMeshPro

Published: 26 September 2023
on channel: Christina Creates Games

1,467

A good list is designed with intent - and indentation! This will make setting up UI for any list a whole lot easier. Learn about styling options, the indent tag of TextMesh Pro and possible ways to easily layout your sorted and unsorted lists.

You will learn about the indent-tag built into TextMesh Pro, and working with margins. We are going to have a look at numbered lists as well as unnumbered ones. List markers can also be glyphs from a different font (that is super common to do in printed material ;)!), or sprites! Working like this, you don't need a long list of elements and Gameobjects in your UI, just marking the list entries as such will be enought.

📃 For copy/paste
Middle dot: ·
Black dircle: ●
Black small circle: •
Bullet operator: ∙
Dot operator: ⋅

The example on Github: https://github.com/Maraakis/Christina...
(just the script, you'll need to setup the styles yourself or this won't do anything)

💬 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]
Or on Humblebundle: https://www.humblebundle.com/?partner... [Affiliate link]
Or in the Synty Store: https://syntystore.com/98327 [Affiliate]

🎮 Play my games on Itch.io 🎮
https://christinacreatesgames.itch.io

📖 Chapters 🔖
00:00 The result of this tutorial
00:17 - Criteria for a well-designed list
00:35 - A bit of space for the list
00:46 - Numbered lists
00:55 - Indentation with rich text tag
01:29 - Alignment of long entries
01:46 - Numbers outside the text box
02:10 - Indent and alignment with negative value
02:36 - Unsorted lists
02:57 - Different symbols for unsorted lists
03:19 - Using a different font or sprite
04:28 - Recoloring symbols
05:18 - Creating a reusable style
06:37 - Use case: Checklist for steps in a quest
07:13 - Displaying completed and uncompleted steps
07:45 - Conclusion

💬 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 asset store: https://assetstore.unity.com/?aid=110... [Affilate link]

🎮 Play my latest game on Itch.io 🎮
https://christinacreatesgames.itch.io...

#unitytutorial

Watch video This is how you layout lists with TextMeshPro online, duration hours minute second in high quality that is uploaded to the channel Christina Creates Games 26 September 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 1,467 times and liked it 79 visitors.

62,191

1.5K