In this article, we will focus on the text element in detail. You will learn how to select and use the text element, enter text, and customize its appearance.
Accessing the Text Layer
To begin with, select the text element from the top bar and drag it onto the artboard. This will create a new text box on the canvas where you can enter text.
Assigning Text to the Layer
To enter text, you can use the property panel on the left-hand side of the screen. Simply click on the text box, and start typing. You can change the text’s font, size, weight, and color by selecting the text and modifying the properties in the property panel.
Modifying its Properties
The appearance of the text can be customized according to your preference. For instance, you can choose from a wide range of fonts, adjust the size of the text, and even add different font weights to make the text bold or italic. You can also change the color of the text, align it left, right or center, and change its opacity.
You can easily create buttons using the Text layer. Just style it up with a background color, add some border-radius, and you are done!
Simple Text vs Dynamic Text
In KappaX, you have two types of text elements available - simple text and dynamic text. Simple text is just static text that doesn't change. On the other hand, dynamic text is the text that changes based on the data provided. In this article, we have learned about simple text. To learn about the dynamic text, you can follow this link.
Dynamic text implementation allows you to insert dynamic values into the text layer, creating personalized experiences and displaying value to the users. In this guide, we'll walk you through the process of implementing dynamic text on KappaX.
Implementation of Dynamic Text
- First, select the text element from the layer panel and switch to dynamic text mode from the property panel.
- Once in dynamic text mode, click on the display area to open the text pop-up.
- In the text pop-up, you can add multiple nodes that will consist of two sections: simple text and custom attributes. The text written in the simple text section will remain static throughout the experience, while the custom attribute linked will get concatenated with simple text.
- As you update the value of the custom attribute through logic, it will get reflected in the text layer in real time. In order to concatenate two or more simple text and custom attributes, you need to add multiple nodes.