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
  • Screenshots
  • Output Parameter
  • Post back from Leopard
  1. Components

Card

A "card" can be show for any Teneo response. A list of options as "chips" and any number of "action" buttons can be displayed. The card does not persist in the Chat UI once a new input is received.

PreviousButtons and ListsNextResponse Icons

Last updated 5 years ago

Screenshots

Output Parameter

displayCard = {
  "imageUrl" : "https://gcs.thesouthafrican.com/2019/04/6c0aed1b-springboks-kit-750x536.jpg",
  "title"    : "Springboks: New kit - Thoughts?",
  "subTitle" : "A new look for the Springboks in the RWC in Japan.",
  "bodyText" : "The Springboks will be wearing an \"unstoppable\" jersey, designed and manufactured by ASICS, which features technological advancements to give the men in green and gold an extra edge.",
  "chips"    : [
    {
      "name"   : "Love",
      "params" : "opinion=love"
    },
    {
      "name"   : "Ok",
      "params" : "opinion=ok"
    },
    {
      "name"   : "Meh",
      "params" : "opinion=meh"
    },
    {
      "name"   : "Hate",
      "params" : "opinion=hate"
    }
  ],
  "actions"  : [
    {
      "name"   : "Vote",
      "params" : "vote=true"
    }
  ]
}

Post back from Leopard

There will be no post backs to Leopard if there are no "action" buttons. You can however display a card with no action buttons. If no "chips" are present but "action" buttons are then the chip's value for "name" will be sent back to Teneo as user input text. If no chips are present then the value for "name" on the action button clicked will be sent back to Teneo. In all situations the parameters for both the selected chip and clicked button will be combined and sent to Teneo.

All main elements in the JSON config are optional. "Chips" are however dependent on the existence of "action" buttons. Both chips and action buttons must have "params" elements.