How to create text tools using the template editor?
| Available with: |
| Windows Player: Premium |
How to apply dynamic scrolling to a text field in the template editor
Once connected to the ITESlive studio, click on the "Configuration" tab and select the "Templates Management" entry.
Navigate through the tree structure on the left side of the templates management window to select the template in which you want to configure the scrolling text. Once the template is highlighted in gray, click the "Edit Template" button.
When the template is visible in the template editor, create and select the text field you want to scroll. The Id field is used to identify the text field you want to manipulate. The default value "text0" can be modified as you wish.
Note: As an example, we will use a static text field. However, scrolling also supports content from a data source. To learn more, see what a data source is.
After noting the Id of your text field, add and select the desired image that will be used as the "button" for screen scrolling. Then click on the "Action" menu.
In the new window, click the + button to add a new action.
You can now configure your scrolling options.
- Name: This field is dedicated to identifying your action and is mandatory.
- Action: Represents the action to be performed, Scroll a block of text.
- Condition: This optional field, to learn more, see what conditions are applicable to template data.
- Target: Select the Id of the text field noted in the previous step.
- Direction: Represents the direction of the text scrolling.
- Number of lines: Represents the number of lines that will scroll when the button is pressed. To scroll the text up, select a negative value like "-3". To scroll down, select a positive value like "2".
Tip: The appropriate number of lines depends on several factors such as the amount of text, the width of the area, or the font size. It is therefore recommended to test different numbers of lines to find the best possible rendering for your display.
When the fields are filled in, save your new action and then click X to return to your template.
Back in your template, repeat the steps with the icon you selected for scrolling down. It is important to choose a positive number of lines to scroll the text in the correct direction.
How to test scrolling
Save the changes made to your template and close the editor.
Add your template to your screen template and then click the preview button.
In the preview, you will be able to click on your icons to scroll the content of your text field.
