Using Text in Diagrams
-
Prerequisite
Introduction
It is very easy to add text to your diagram. You can click the T button on the toolbar on the left, then click anywhere on the board to add a text object, then start typing the text. If the text is too small or too big, you can drag its corner points to resize it.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/bea46de5-f34f-4986-981a-3eb9aa44bd4a.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">
Changing Font Style and Size
After you have added a text object, you can select it again, and a toolbar will appear above the text object. Then you can change the font style and size easily:
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/bd7014f4-1995-4b79-879a-3ec89143ae2e.gif" width="600" style="border-radius: 5px; border: 1px solid #29622d;">
Text Alignment
When you have multiple text objects, you can align them in 2 steps. First, make sure their boundary boxes are aligned to the left, center or the right. Second, make sure the text within each box is aligned the same way (left/middle/right).
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/400b6ca1-fe40-405e-99f2-4c94832abc09.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">
Lists of Text
When you have multiple rows of text within a single text object, you can convert them into a list as well. You can choose to use bullet points or numbers.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b297585a-d8be-453d-8ffd-450f5cf6050c.gif" width="600" style="border-radius: 5px; border: 1px solid #29622d;">
If you need multiple levels of bullet points, you can add or remove the indents for any selected rows.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/267dc72d-71cf-413a-9c75-a3196285c87a.gif" width="600" style="border-radius: 5px; border: 1px solid #29622d;">
Text Color and Background Color
There are 3 colors you can set for the text objects.
- First, you can set the color of the text itself.
- Second, you can set the background color of the entire text box
- Third, you can select some letters in the text, and set a highlight background only for those letters.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/3065a2e0-0cf6-4c99-bad9-ea05b45675b0.gif" width="600" style="border-radius: 5px; border: 1px solid #29622d;">
-
I CreatiCode pinned this topic on
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login