# Angular Integration with JS Web SDK

**URL:** <https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621>\
**Category:** Web\
**Created:** [August 21, 2019, 11:26am UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621 "2019-08-21T11:26:29Z")\
**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:** [August 21, 2019, 4:27pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/2 "2019-08-21T16:27:25Z")

</div>

Hey @dumparun, thanks for reaching out and using Zoom!

Can you try adding the `zmmtg-root` id onto the html tag where you would like the meeting to display?

> [@Zoom Meeting Custom Ui](https://devforum.zoom.us/t/zoom-meeting-custom-ui/5281/2):
>
> 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: #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 a…

You could also use [CSS Z-Index](https://css-tricks.com/almanac/properties/z/z-index/) to place the meeting behind your app while you do not need to display it. [Css Display hidden could also work.](https://www.sitepoint.com/five-ways-to-hide-elements-in-css/)

Let me know if this helps!

Thanks,  
Tommy

---

_[View the full topic](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621)._