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
  • Custom Icon Color
  • Quick Custom Icon
  • Leverage "emotion" in Studio for Custom Response Icons
  • Teneo Studio Setup
  1. Components

Response Icons

Control the icons that are displayed in Leopard on a individual response basis.

PreviousCardNextDate & Time Pickers

Last updated 4 years ago

Custom Icon Color

You can override the default response icon's color by specifying an "iconColor" output parameter with with a hex color code. 

iconColor = #E0427E

Quick Custom Icon

You can override the default response icon by specifying an "icon" output parameter with the name of the icon. Icon names can be found on 

icon = comment-alert-outline

Leverage "emotion" in Studio for Custom Response Icons

This option leverages the "emotion" functionality in Teneo Studio.

Just construct your emotions in a format where there a pipe sign | and the icon name after the pipe sign. Add the emotion to any response node and you should see the custom icon being displayed in the response.

Any icon from here should work.

Teneo Studio Setup

Material Design Icons
Material Design Icons
Solution » Globals » Emotions
Assign emotion on output nodes
Logo