Using the Text Block
Text Blocks let you add single or multi-line text layers to your Graphics' Visualizations.
These texts can vary from simple labels to whole paragraphs, and generally, they all need to be visible and readable on the screen, so we provide a set of tools to adjust for each scenario.
Remember, an Overlay will be created automatically if you didn't add it to Tree after adding an element.
To learn how to add elements to the Tree, click here.
Use the Inspector, right-sidebar, to customize the Image:
Text: here is where you need to type the text you want to show. This field enables to enter multiple lines of text.
The text element supports the following type of data:
Text: to type in text data
- Number: to type in numeric data, you can set the number of decimals you wish to show and the language format.
- Date: to type in date data, you may set input and output format as well as the Timezone.
Prefix - Suffix
You can add any symbol you would like to show at the beginning or end of the typed text. For example, you can add an @ as a suffix to show the user's account post or a % to show percentage values.
Position: Change the Text position inside the Canvas according to the X and Y axis (in percentage relative to the configured screen resolution).
Size: Change the Text size inside the Canvas according to its width and height (in percentage relative to the configured screen resolution).
Opacity: Use it to change the transparency percentage of the Text.
Reach out to the Typography section of the inspector panel of a selected Text element to change its font, line height, letter spacing, color, and more. You may also upload any custom fonts.
In case you need to upload a custom font click here.
Among those, you will find Text clipping modes that are the core of the Text element.
Learn more about clipping modes by clicking here.
Right To Left
Go to the Graphics Package general settings, by clicking on an empty space on the Canvas. Then enable the RTL support by clicking on the toggle.
By enabling this option, the text direction on these elements will be right to left, both on the Canvas and the editable inputs on the Inspector panel.