Skip to main content




Applies only to Traditional Web Apps




  • Edit
    Collaborate with us
    Edit this page on GitHub
  • Displays the number of characters left to be entered in a target input field.

    Use CharacterCount to inform users about the maximum number of characters they can enter in a given text area. Also show how many more characters can be entered.

    How to use

    1. Drag an input into the preview.

    2. Give a name to the input (for instance, CharacterCount).

    3. Set a variable type text to the input.

    4. Drag the CharacterCount pattern into the preview.

    5. Set the InputWidgetId to the input name.

    6. Set the Limit property (for instance, 50).

    7. Publish and test.

    Input Parameters

    Input Name Description Type Mandatory Default Value
    InputWidgetId Input Element Name that will trigger the count. Text True none
    Limit The character count limit. This value should be the same as the Max Length property in the input. Integer True none
    IsDescending When set to false, the count will go from 0 to the limit that has been chosen on the Limit parameter. Boolean True True

    Layout and Classes

    • Was this article helpful?