Buttons Component Properties
    • PDF

    Buttons Component Properties

    • PDF

    Article Summary

    Buttons Component Properties

    The following sections detail the properties of the Buttons section component - Form Button.

    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:

    Figure 1: Form Button Properties Section

    Table 1: Form Button Properties Section

    Number

    Icon

    Name

    Description


    Model

    Enables to connect the component to the Model by:

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

    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


    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 

    -

    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

    -

    Text Align

    Enables to set the alignment of the label:

    • Right
    • Left
    • Center


    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

    -

    Button Alignment

    Enables to set the alignment of the Form Button:

    • Left
    • Right 
    • Center


    Trigger Integration Service

    Not covered in this article

    -

    Disabled

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


    + 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

    -

    Delete

    Deletes the component


    Was this article helpful?