tencent cloud

All product documents
Chat
DocumentationChatVideo Call (UI Included)Additional Features(TUICallKit)Floating WindowWeb&H5
Web&H5
Download PDF
Last updated: 2024-05-15 17:17:33
Web&H5
Last updated: 2024-05-15 17:17:33
Download PDF
This document describes how to use the Floating Window feature.

Expected Outcome

Web Floating Window
Web Full Screen
HTML5 Floating Window




Floating Window Feature

Method 1: Call the enableFloatWindow(enable: boolean) API to enable/disable the floating window.
Note:
Vue v3.1.0 or later versions are supported.
try {
  await TUICallKitServer.enableFloatWindow(enable: Boolean)
} catch (error: any) {
  alert([TUICallKit] enableFloatWindow failed. Reason: ${error});
}
Method 2: Enable/disable the floating window and full screen via attributes.
allowedMinimized attribute controls the floating window's on/off.
allowedMinimized attribute controls the full screen's on/off.
React
Vue
<TUICallKit
     allowedMinimized={true}
     allowedFullScree={true}
    />
<TUICallKit
    :allowedMinimized="true"
    :allowedFullScreen="true"
   />


Was this page helpful?
You can also Contact Sales or Submit a Ticket for help.
Yes
No

Feedback

Contact Us

Contact our sales team or business advisors to help your business.

Contact Us
Technical Support

Open a ticket if you're looking for further assistance. Our Ticket is 7x24 avaliable.

Submit a Ticket
7x24 Phone Support
Hong Kong, China
+852 800 906 020 (Toll Free)
United States
+1 844 606 0804 (Toll Free)
United Kingdom
+44 808 196 4551 (Toll Free)
Canada
+1 888 605 7930 (Toll Free)
Australia
+61 1300 986 386 (Toll Free)
EdgeOne hotline
+852 300 80699
More local hotlines coming soon