Leopard Chat Client
  • Quick Start
  • Screenshots
  • Setup
    • Extension Helper
    • Context Variables
      • Greeting Message
      • Channel
      • User's Time Zone
      • Location Context Parameters
    • Build Variables
  • Content Styling
    • CSS Styles
    • Icons
    • Markdown & HTML
  • Components Simple Syntax
  • Components
    • Answer Borders
    • Audio Player
    • Auto Open Leopard with Link
    • Alerts
    • Buttons and Lists
    • Card
    • Response Icons
    • Date & Time Pickers
    • Emergency Button
    • Expensive Operations
    • Field Masks
    • Chat Field Types (Email, Password, Location, Upload)
    • Forms
      • Feedback Form
      • Custom Forms
        • Example Config
        • Postback Object
        • Button Object
        • Field Types
        • Style Object
        • Icons Object
        • Masks
        • Validation
    • Google Map
    • Help Text
    • HTML Modal
    • Hyperlinks
    • Images
      • Image
      • Image Carousel
    • Tables
      • Tables - Simple
      • Tables - Advanced
    • Theme Change
    • Toasts
    • Language Auto Switch
    • Minimize Chat after Delay
    • Multiple Components - Same Response
    • Modal Size & Positioning
    • Open Long Response in Modal
    • Print Icon
    • Prompt Trigger Polling
    • Splitting Answers - Chunks
    • Video Player
  • Administration Area
    • Solution Configuration
    • Demo Mode - iFrames & URLs
    • ASR and TTS
  • Integrations
    • Logging / Reporting
    • Social Authentication
    • Live Chat
  • Embedding / Production
Powered by GitBook
On this page
  • Mask Legend
  • Examples
  • Output Parameters
  1. Components

Field Masks

An input mask refers to a string expression, defined by a developer, that constrains user input. It can be said to be a template, or set format that entered data must conform to.

Mask Legend

Character

Description

#

Any digit

A

Any capital letter

a

Any small letter

N

Any capital alphanumeric character

n

Any small alphanumeric character

X

Any special symbol (-!$%^&*()_+|~=`{}[]:";'<>?,./) or space

Examples

Type

Mask

credit-card

#### - #### - #### - ####

date-with-time

##/##/#### ##:##

phone

(###) ### - ####

social

###-##-####

time

##:##

time-with-seconds

##:##:##

Output Parameters

Just add the following as an output parameter to a node which is asking for a user input where a mask is required.

Will force the UI to accept a phone number
inputMask = (###) ### - ####

You can also override the help text that is shown in the input field.

Output Parameter

inputHelpText = Enter a phone number
PreviousExpensive OperationsNextChat Field Types (Email, Password, Location, Upload)

Last updated 6 years ago