Buttons Component Properties
    • PDF

    Buttons Component Properties

    • PDF

    Article Summary

    Buttons Components Properties

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

    • Form Button
    • Array Buttons

    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.

    Form Button Properties

    After adding the Form Button component to the canvas, configure its properties, design its look, and connect it to the Model. 

    Figure 1 and Table 1 describe the properties of the From Button component:

    Form Button Properties Section.

    Figure 1: Form Button Properties Section

    Table 1: Form Button Properties Section

    Number

    Icon

    Name

    Description

    1

    Model

    Enables to connect the component to the Model by:

    • Clicking the icon
    • Creating a new transaction data item
    NOTE
    2

    Action


    Enables to set the Form Button with a built-in action or with an action customized with code:

    • Custom - the default value, this is not a built-in action and customization with code is needed by clicking the pencil icon (not covered in this article)
    • Next - navigates to the next page
    • Back - navigates to the previous page
    • Submit - submits the digital process
    NOTE
    • The built-in actions: Next, Back, and Submit can be customized with code as well, by clicking the pencil icon
    • After submitting the digital process there is no way to navigate back to it

    3


    Label

    Enables to set the label of the component

    NOTE

    The globe icon allows you to set the label of the button in different languages and will appear only if the Webflow is set with more than one language, for additional information, see the Multi-Language article 

    4

    -

    Text Direction

    Enables to set the direction of the Form Button label:

    • Auto
    • Right to left (Rtl)
    • Left to right (Ltr)
    NOTE

    The text direction is noticeable only when special characters such as #,$,? are part of the label text

    5

    -

    Text Align

    Enables to set the alignment of the label:

    • Right
    • Left
    • Center

    6


    Img

    Enables to select an image file such as .jpg and .png to be displayed in addition to the label of the Form Button

    NOTE

    Image files must be added to the Theme of the Webflow before they are available for selection. For additional information about Themes, see the Themes Overview article

    7

    -

    Button Alignment

    Enables to set the alignment of the Form Button:

    • Left
    • Right 
    • Center

    8


    Trigger Integration Service

    Not covered in this article

    9

    -

    Disabled

    • When checked - the component is disabled
    • When not checked - the component is enabled 

    10


    + 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

    11

    -

    Delete

    Deletes the component

    Array Buttons

    After adding the Array Buttons component, configure its properties and connect it to the Model. Figure 2 and Table 2 describe the properties of the Array Buttons component:

    Array Buttons Component Properties Section.

    Figure 2: Array Buttons Component Properties Section

    Table 2: Array Buttons Component Properties Section

    Number

    Icon

    Name

    Description

    1

    Model

    Enables to connect the component to the Model by:

    • Clicking the icon
    • Creating a new transaction data item
    NOTE

    2

    -

    Max Items

    Enables to set the maximum number of array items

    NOTE

    trying to add array items above the maximum set number by clicking the Add More button will result in nothing

    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


    Was this article helpful?