# I need help on @zoomus/websdk

**URL:** <https://devforum.zoom.us/t/i-need-help-on-zoomus-websdk/32195>\
**Category:** Web\
**Created:** [October 5, 2020, 12:31pm UTC](https://devforum.zoom.us/t/i-need-help-on-zoomus-websdk/32195 "2020-10-05T12:31:22Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![use142007](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/use142007/32/16470_2.png) [@use142007](https://devforum.zoom.us/u/use142007)\
**Post date:** [October 5, 2020, 12:31pm UTC](https://devforum.zoom.us/t/i-need-help-on-zoomus-websdk/32195/1 "2020-10-05T12:31:22Z")

</div>

**Description**  
I plan to create a Complete Video Website,  
by Integrating Zoom Api

**Error**  
My Problem is that it keeps creating Zoom div

on top of everything else, and I can’t find the code where it is being created  
any help?

**Which App Type (OAuth / Chatbot / JWT / Webhook)?**  
it’s within WebSDK

**How To Reproduce (If applicable)**  
Steps to reproduce the behavior:

1. Create Angular Blank using angular CLI
2. add your zoomMTG code.

**Screenshots (If applicable)**

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

---

<div class="post-metadata">

**Author:** ![alexmayo](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/alexmayo/32/27289_2.png) [@alexmayo](https://devforum.zoom.us/u/alexmayo)\
**Post date:** [October 5, 2020, 9:21pm UTC](https://devforum.zoom.us/t/i-need-help-on-zoomus-websdk/32195/2 "2020-10-05T21:21:59Z")

</div>

This div is created whenever the web SDK is initialised… Somewhere, in one of your files you are initialising the SDK.

---

<div class="post-metadata">

**Author:** ![use142007](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/use142007/32/16470_2.png) [@use142007](https://devforum.zoom.us/u/use142007)\
**Post date:** [October 6, 2020, 11:52am UTC](https://devforum.zoom.us/t/i-need-help-on-zoomus-websdk/32195/3 "2020-10-06T11:52:37Z")

</div>

so it means I can move the div to other pages ?

or it has to be in the index?  
weird since I didn’t initialize the SDK in the html

![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/b/0/b0d21e0f27cbe4b1ce26b29ed8793ed4b5cc4bb0.png)  
there was no such script that was loaded,

---

<div class="post-metadata">

**Author:** ![use142007](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/use142007/32/16470_2.png) [@use142007](https://devforum.zoom.us/u/use142007)\
**Post date:** [October 6, 2020, 11:53am UTC](https://devforum.zoom.us/t/i-need-help-on-zoomus-websdk/32195/4 "2020-10-06T11:53:24Z")

</div>

what I input is in the angular.json

here

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/0/5/05632e1cf308dabb34fc9436c48f7c8819248eef.png)

sorry for double post, the post won’t let me embedd 2 Images in the post

---

<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:** [October 7, 2020, 9:54pm UTC](https://devforum.zoom.us/t/i-need-help-on-zoomus-websdk/32195/5 "2020-10-07T21:54:14Z")

</div>

Hey @use142007,

When you import the Web SDK it will display itself in a div over your web page. Here is a good example of how to show and hide it when you want:

> <https://github.com/zoom/websdk-sample-angular/blob/master/src/styles.css#L7>

> <https://github.com/zoom/websdk-sample-angular/blob/master/src/app/app.component.ts#L53>

Thanks for your suggestions @alexmayo! 🙂

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![use142007](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/use142007/32/16470_2.png) [@use142007](https://devforum.zoom.us/u/use142007)\
**Post date:** [October 8, 2020, 8:24am UTC](https://devforum.zoom.us/t/i-need-help-on-zoomus-websdk/32195/6 "2020-10-08T08:24:28Z")

</div>

yes, my issue is that I can’t move that div, to place it anyway in my other pages ?

I’m kind of using angular right now,

My problem is that I want it to move to other places

---

<div class="post-metadata">

**Author:** ![alexmayo](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/alexmayo/32/27289_2.png) [@alexmayo](https://devforum.zoom.us/u/alexmayo)\
**Post date:** [October 9, 2020, 10:14am UTC](https://devforum.zoom.us/t/i-need-help-on-zoomus-websdk/32195/7 "2020-10-09T10:14:15Z")

</div>

I’m not familiar with Angular, however currently I have the Zoom element set up in an iframe, which allows me to place it wherever I’d like. It’s not officially supported but it does work perfectly.

---

<div class="post-metadata">

**Author:** ![will.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/will.zoom/32/14417_2.png) [@will.zoom](https://devforum.zoom.us/u/will.zoom)\
**Post date:** [October 12, 2020, 2:56pm UTC](https://devforum.zoom.us/t/i-need-help-on-zoomus-websdk/32195/8 "2020-10-12T14:56:49Z")

</div>

Hey @use142007,

The sample angular app is intended to be implemented in its entirety as a full web app. While you might consider @alexmayo suggestion, do keep in mind that it’s not something we officially support, but could be a workaround for you.

Best,  
Will

---

<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 12, 2020, 12:56am UTC](https://devforum.zoom.us/t/i-need-help-on-zoomus-websdk/32195/9 "2020-11-12T00:56:58Z")

</div>

Closed on November 12, 2020, 12:56am UTC

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