white-logo

KappaX

burger-icon
search-icon

/

Text Layer

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.

Text Layer3

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.

Text Layer1

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.

Text Layer2

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.

Text Layer4

Kappa Tip

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.

Text Layer5

Dynamic Text

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

  1. First, select the text element from the layer panel and switch to dynamic text mode from the property panel.
  2. Once in dynamic text mode, click on the display area to open the text pop-up.

    Text Layer6
  3. 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.

    Text Layer7

  4. 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.

    Text Layer8

On this page

Accessing the Text Layer

Assigning Text to the Layer

Modifying its Properties

Kappa Tip

Simple Text vs Dynamic Text

Dynamic Text

Implementation of Dynamic Text