# Web Viewer - Component Viewer - "Floating Chat Message" control

**URL:** <https://devforum.zoom.us/t/web-viewer-component-viewer-floating-chat-message-control/138727>\
**Category:** Video SDK\
**Created:** [November 14, 2025, 10:02pm UTC](https://devforum.zoom.us/t/web-viewer-component-viewer-floating-chat-message-control/138727 "2025-11-14T22:02:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![FDecDev](https://avatars.discourse-cdn.com/v4/letter/f/6de8d8/32.png) [@FDecDev](https://devforum.zoom.us/u/FDecDev)\
**Post date:** [November 14, 2025, 10:02pm UTC](https://devforum.zoom.us/t/web-viewer-component-viewer-floating-chat-message-control/138727/1 "2025-11-14T22:02:32Z")

</div>

### Is there a way to control the css (z-index, top, etc) for the “Floating Chat Message“ that pops up, if the viewer doesn’t have the chat popper open?

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/1/3/132378dc1f719f3ef6d94fe148a22df6093f926c.jpeg)

---

<div class="post-metadata">

**Author:** ![ticorrian.heard](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ticorrian.heard/32/70213_2.png) [@ticorrian.heard](https://devforum.zoom.us/u/ticorrian.heard)\
**Post date:** [November 17, 2025, 10:06pm UTC](https://devforum.zoom.us/t/web-viewer-component-viewer-floating-chat-message-control/138727/2 "2025-11-17T22:06:22Z")

</div>

Hi @FDecDev You could set a global css class that applies to that chat notification. You would just have to use the right selector based off the name of the chat notification pop up which you can get from the dev console like so:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/7/d/7df85e5e6c683a735d40258520e76b643948f9f7.png)

---

<div class="post-metadata">

**Author:** ![FDecDev](https://avatars.discourse-cdn.com/v4/letter/f/6de8d8/32.png) [@FDecDev](https://devforum.zoom.us/u/FDecDev)\
**Post date:** [November 18, 2025, 12:51pm UTC](https://devforum.zoom.us/t/web-viewer-component-viewer-floating-chat-message-control/138727/3 "2025-11-18T12:51:12Z")

</div>

Is there a link you can direct me to the SDK link where I can set the global css class for the chat notification? The closest I can find is the popper style ([PopperStyle | Zoom Meeting SDK for Web - Component View](https://marketplacefront.zoom.us/sdk/meeting/web/components/interfaces/PopperStyle.html)), but it doesn’t have a class name property.

---

<div class="post-metadata">

**Author:** ![FDecDev](https://avatars.discourse-cdn.com/v4/letter/f/6de8d8/32.png) [@FDecDev](https://devforum.zoom.us/u/FDecDev)\
**Post date:** [November 18, 2025, 2:46pm UTC](https://devforum.zoom.us/t/web-viewer-component-viewer-floating-chat-message-control/138727/4 "2025-11-18T14:46:56Z")

</div>

I figured it out. The solution is to use **notificationCls**. Screenshots below. Thank you for your efforts.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/e/6ef9cc980ff5343c27982d8baaa5df7d0f7424da.png)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/2/0/20968b9f6a711d88ca29571f0f4f00ffde10fd4d.png)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/1/e/1ebf7aea29df782e5fc84f14df0fa3832dd3a2b4.png)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [November 19, 2025, 3:47pm UTC](https://devforum.zoom.us/t/web-viewer-component-viewer-floating-chat-message-control/138727/5 "2025-11-19T15:47:22Z")

</div>

Closed on November 19, 2025, 3:47pm UTC

This topic was automatically closed 25 hours after the last reply. New replies are no longer allowed.