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
  • Positioning
  • Size
  1. Components

Modal Size & Positioning

Teneo responses with the help of the ExtensionHelper can send back custom MetaData to the front-end so that a variety of modals or inline components can be displayed in the respective view.

Positioning

By default all modals are shown in the middle of the page and they are rendered in their small sizing. To override this behavior on a modal basis just add an extra Output Parameter to the node containing the instructions to show a modal. 

modalPosition = left/center/right/fullscreen

Size

By default all modals are shown in their small size. To override this sizing on a modal basis just add an extra Output Parameter to the node containing the instructions to show a modal. 

modalSize = small/medium/large/x-large

PreviousMultiple Components - Same ResponseNextOpen Long Response in Modal

Last updated 4 years ago