# Zoom web sdk- customize ui

**URL:** <https://devforum.zoom.us/t/zoom-web-sdk-customize-ui/13797>\
**Category:** Web\
**Created:** [April 18, 2020, 11:03am UTC](https://devforum.zoom.us/t/zoom-web-sdk-customize-ui/13797 "2020-04-18T11:03:01Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mitz.mulgaonkar](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mitz.mulgaonkar/32/5966_2.png) [@mitz.mulgaonkar](https://devforum.zoom.us/u/mitz.mulgaonkar)\
**Post date:** [April 18, 2020, 11:03am UTC](https://devforum.zoom.us/t/zoom-web-sdk-customize-ui/13797/1 "2020-04-18T11:03:01Z")

</div>

How do I append zoom “zmmtg-root” element to my angular component. Currently its getting appended to body tag.  
I need to show my component layout header with zoom DOM.

---

<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:** [April 20, 2020, 5:42pm UTC](https://devforum.zoom.us/t/zoom-web-sdk-customize-ui/13797/2 "2020-04-20T17:42:51Z")

</div>

Hey @mitz.mulgaonkar,

Currently you cannot specify where the zmmtg-root id gets placed. We are working on a way to allow this in the future.

You can see our Angular Sample App here which has an example of hiding / showing the Web SDK on button click.

> **[zoom/websdk-sample-angular](https://github.com/zoom/websdk-sample-angular)**
>
> Use the Zoom Web SDK in an Angular App. Contribute to zoom/websdk-sample-angular development by creating an account on GitHub.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![DeveloperBot](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/developerbot/32/12632_2.png) [@DeveloperBot](https://devforum.zoom.us/u/DeveloperBot)\
**Post date:** [August 21, 2020, 8:33pm UTC](https://devforum.zoom.us/t/zoom-web-sdk-customize-ui/13797/3 "2020-08-21T20:33:54Z")

</div>

Closed on August 21, 2020, 8:33pm UTC