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

Components

Details how to use Date and Time Pickers and other modals such as Video, Audio, Images, Carousels, HTML and Tables.

PreviousComponents Simple SyntaxNextAnswer Borders

Last updated 5 years ago

If you require two or more components outputted inline for example you can append a numerical ordering to the extensions output parameter.

For example you might want to show some button options along with an inline carousel.

extensions1 = ${ExtensionHelper.displayClickableList(yesNoMaybeOptions,channel)}
extensions2 = ${ExtensionHelper.displayImageCarousel(imageUrlArray,channel)}

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
Google Map
Help Text
HTML Modal
Hyperlinks
Images
Tables
Theme Change
Toasts
Language Auto Switch
Markdown & HTML
Multiple Components - Same Response
Modal Size & Positioning
Open Long Response in Modal
Prompt Trigger Polling
Splitting Answers - Chunks
Video Player