Text Components Properties
    • PDF

    Text Components Properties

    • PDF

    Article summary

    Text Components Properties

    The following sections detail the properties of the Text section components:

    • Rich Text
    • Tooltip
    • Validation Message

    Based on the Theme you are using, some of the components may appear under a different name or be found under an Advanced category different category, for additional information, see the Theme Overview article.

    NOTE
    If you want to skip to our How to Videos section and learn how to use the Rich Text component, click here.

    Rich Text Properties

    After adding the component to the canvas, configure its properties and design its look, Figure 1 and 
    Table 1 describe the properties of the Rich Text component: 

     Rich Text Properties Section.

    Figure 2: Rich Text Properties Section

    Table 2: Rich Text Properties Section

    Number

    Name

    Description

    1

    Mobile size scale in %

    Enables to set the mobile size scale display of the component in percentages

    2

    Mobile min font size in pixels (px)

    Enables to set the minimum mobile font size of the component in pixels

    3

    + Add to Agent

    Enables to add the component to the Agent screen

    NOTE

    This button will only appear if the Journey Sender feature is enabled, for additional information, see the Journey Sender article

    4

    Delete

    Enables to delete the component from the canvas

    NOTE
    • For a detailed description of the Rich text design tools, see the Webflow Components article.
    • For a detailed description of the Tooltip component, click here.
    • For a detailed description of the Validation message component, click here.

    Using Rich Text with Variables and Embedded Links

    (See Figure 3 to Figure 7)

    A Rich Text component can contain:

    • Static text
    • Dynamic text (variables)
    • Embedded links

    Dynamic text is comprised of variables that are Model data items. For example, we want to display a message with the full name of the end-user along the digital process. To do so we will add Rich Text components to the desired main pages, add static text, and also add a variable. The variable will be added by clicking the Rich text right after the static and then by clicking {m} (1):

    Adding a Variable.

    Figure 3: Adding a Variable

    The variable is placed inside the Rich text but it is currently empty. The next step is to add the Model data item. To do so, we will click the variable and start typing the name of the data item (3). (We of course have to make sure the data item exists in the Model). When the desired data item appears, we will click it (4):

    Adding a Data Item.

    Figure 4: Adding a Data Item

    Our Rich Text component now contains static text and dynamic text with a variable:

    Figure 5: Rich Text with Static Text and a Variable

    To add an embedded link, all we have to do is write some static text, mark it, click the link icon (5), add the URL (6) and click Save (7):

    To add an embedded link, all we have to do is write some static text, mark it, click the link icon, add the URL and click Save.

    Figure 6: Creating a Link

    The link will be written in blue:Added Link.

    Figure 7: Added Link

    How to Videos

    To quickly learn how to use Labels and Nun Input components, watch the following videos.

    • Preview:

    • Rich Text:



    Was this article helpful?