Klleon Chat SDK
English
English
  • ✨New Javascript SDK [1.2.0]
    • Getting Started
    • Events
    • UI
    • Methods
      • Life Cycle
      • Text Chat
      • Voice Chat
      • Echo Chat
      • Audio Echo Chat
      • Other
    • TypeScript Support
    • Examples
      • VanillaJS
      • React
      • Nextjs
    • Log System
    • Updates
  • JavaScript SDK [v0.x.x] (Planned for Deprecation)
    • Quick Start
    • Initialize
    • Avatar Streaming
      • Start Streaming
      • Stop Streaming
      • Control Streaming Screen
    • Set Chat Screen
    • Text Message
    • Voice Message
    • Echo - Repeat My Message
    • Event Subscription
    • Updates
  • Service Architecture
Powered by GitBook
LogoLogo

Products

  • Pricing

Websites

  • Homepage
  • Youtube
  • Linkedin

Copyright © Klleon. All rights reserved

On this page
  • Parameters
  • Example
  1. JavaScript SDK [v0.x.x] (Planned for Deprecation)

Set Chat Screen

You can set the position, size, and more of the chat screen by calling the Chat Screen initialization function.

PreviousControl Streaming ScreenNextText Message

Last updated 10 months ago

Parameters

Name
Type
Default
Description
Required

show

boolean

true

Whether to display the chat screen

X

width

double

300

Chat screen width px

X

height

double

Chat screen height px

X

messages_height_ratio

double

0.5

  • Applies when the message type is inside the Avatar Streaming screen

  • Height ratio of the Chat Screen to the total screen height

X

radius

double

0

Roundness of corners for the chat screen border

X

align

String

center

Align the chat screen

start: Top align center: Center align end: Bottom align

X

type

String

inside

Chat screen position

inside: Inside the avatar streaming screen

left: Left side of the avatar streaming screen

right: Right side of the avatar streaming screen

X


Example

KlleonChat.showChatUi({
    width: 300,
    height: 700,
    radius: 20,
    align: 'center',
    type: 'right',
});