# Zoom Meeting Custom Ui

**URL:** <https://devforum.zoom.us/t/zoom-meeting-custom-ui/5281>\
**Category:** Web\
**Created:** [July 31, 2019, 10:04am UTC](https://devforum.zoom.us/t/zoom-meeting-custom-ui/5281 "2019-07-31T10:04:11Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [July 31, 2019, 6:30pm UTC](https://devforum.zoom.us/t/zoom-meeting-custom-ui/5281/2 "2019-07-31T18:30:31Z")

</div>

Hey @khanh.nguyen,

Yes there is a way to put the Meeting UI into a div.

The Zoom Meeting UI is not atcually attached to the body. The css makes it seem that way because of the following styles:

```css
#zmmtg-root {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
}

```

The Zoom Meeting UI will be rendered in the tag with the `zmmtg-root` id. You can place this anywhere in your project. You can also customize the css classes that are generated as well.

```auto
<div id="zmmtg-root"></div>

```

Let me know if this helps!

Thanks,  
Tommy

---

_[View the full topic](https://devforum.zoom.us/t/zoom-meeting-custom-ui/5281)._