# Create meeting using sdk - Angular

**URL:** <https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981>\
**Category:** Web\
**Created:** [May 10, 2020, 2:44pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981 "2020-05-10T14:44:45Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![karthi\_srv](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/karthi_srv/32/8126_2.png) [@karthi\_srv](https://devforum.zoom.us/u/karthi_srv)\
**Post date:** [May 10, 2020, 2:44pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/1 "2020-05-10T14:44:45Z")

</div>

**Description**

How to create a meeting with the option of joint meeting before the host?  
`join_before_host:true`

---

<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:** [May 13, 2020, 7:32pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/2 "2020-05-13T19:32:27Z")

</div>

Hey @karthi_srv,

Have you tried calling the create meeting API?

> **[Create a Meeting - Meetings - Zoom API - API Reference](https://marketplace.zoom.us/docs/api-reference/zoom-api/meetings/meetingcreate)**
>
> Create a meeting for a user. This API has a daily rate limit of 100 requests per day. Therefore, only 100 Create a Meeting API requests are permitted wi...

Please provide more details about your issue so we can help.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![karthi\_srv](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/karthi_srv/32/8126_2.png) [@karthi\_srv](https://devforum.zoom.us/u/karthi_srv)\
**Post date:** [May 21, 2020, 5:12pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/3 "2020-05-21T17:12:31Z")

</div>

Hi @tommy

I like to disable the header

`showMeetingHeader: false`

But its not working

---

<div class="post-metadata">

**Author:** ![karthi\_srv](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/karthi_srv/32/8126_2.png) [@karthi\_srv](https://devforum.zoom.us/u/karthi_srv)\
**Post date:** [May 21, 2020, 5:14pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/4 "2020-05-21T17:14:48Z")

</div>

I need to hide following option

1. Participants
2. … more
3. Header (i and encryption icon on top of the meeting)

how can i do it

---

<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:** [May 27, 2020, 5:12am UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/5 "2020-05-27T05:12:03Z")

</div>

Hey @karthi_srv,

Please place the respective [functions](https://marketplace.zoom.us/docs/sdk/native-sdks/web/reference) in your join meeting success callback. Let me know if that works. If not, please share your code snippets so I can debug,

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![ativsoftware](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ativsoftware/32/8986_2.png) [@ativsoftware](https://devforum.zoom.us/u/ativsoftware)\
**Post date:** [May 27, 2020, 3:15pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/6 "2020-05-27T15:15:08Z")

</div>

Trying the hide the header doesn’t work for me either.  
Tried it in multiple places:

> ```
> ZoomMtg.init({
> debug: true,
> leaveUrl: curUrl,
> isSupportAV: true,
> isSupportChat: true,
> disableInvite: true,
> showMeetingHeader: false,
> success: function() {
> ZoomMtg.join({
> signature: "<?php echo $signature; ?>",
> apiKey: "<?php echo $this->api_key; ?>",
> meetingNumber: <?php echo $this->meetingid; ?>,
> userName: "<?php echo $userName; ?>",
> passWord: "<?php echo $this->password; ?>",
> userEmail: "<?php echo $this->email; ?>", 
> success(res) {
> ZoomMtg.showMeetingHeader({
> show: false
> });
> },
> error(res) { 
> console.log(res);
> }
> })
> },
> error: function() {
> console.log("init failed");
> }
> });
> 
> ```

---

<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:** [June 2, 2020, 8:21pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/7 "2020-06-02T20:21:31Z")

</div>

Hey @ativsoftware,

What version of the Web SDK are you using? Can you also please provide a screenshot of the issue?

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![ativsoftware](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ativsoftware/32/8986_2.png) [@ativsoftware](https://devforum.zoom.us/u/ativsoftware)\
**Post date:** [June 3, 2020, 3:21pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/8 "2020-06-03T15:21:57Z")

</div>

Web SDK v. 1.7.8

![Screen Shot 2020-06-03 at 11.14.47 AM](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/4/420a285208ec36df3a0ca3d4af34644d91ae86fe.png)

---

<div class="post-metadata">

**Author:** ![adamkohm](https://avatars.discourse-cdn.com/v4/letter/a/c6cbf5/32.png) [@adamkohm](https://devforum.zoom.us/u/adamkohm)\
**Post date:** [June 4, 2020, 6:43pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/9 "2020-06-04T18:43:43Z")

</div>

Same issue here with 1.7.8 web SDK. Configured to hide meeting header as follows, yet it is still visible. The other settings (such as isSupportChat) seem to work.

```
    ZoomMtg.init({
        leaveUrl: '?',
        isSupportAV: true,
		isSupportChat: false,
		showMeetingHeader: false, 
		videoHeader:true,
		isLockBottom:false,
        success: function () {
          		 ZoomMtg.join(
 {
     meetingNumber: meetConfig.meetingNumber,
     userName: meetConfig.userName,
     signature: signature,
     apiKey: meetConfig.apiKey,
     userEmail: 'user-email@gmail.com',
     passWord: "",
     success: function(res){
         console.log('join meeting success');
     }
 }

```

);  
},  
error: function(res) {  
console.log(res);  
}  
});

---

<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:** [June 9, 2020, 6:07pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/10 "2020-06-09T18:07:09Z")

</div>

Hey @adamkohm, @ativsoftware,

I am confirming if this is a bug or how to properly use the function.

Thanks,  
Tommy

---

<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:** [June 9, 2020, 6:14pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/13 "2020-06-09T18:14:41Z")

</div>

Hey @ativsoftware, @adamkohm,

ShowMeetingHeader, used to hide / show the meeting ID that was at the top of the screen. Since we removed the meeting ID from the header a couple weeks ago, technically this function does not do anything anymore.

We will update the docs.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![adamkohm](https://avatars.discourse-cdn.com/v4/letter/a/c6cbf5/32.png) [@adamkohm](https://devforum.zoom.us/u/adamkohm)\
**Post date:** [June 10, 2020, 1:20am UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/14 "2020-06-10T01:20:43Z")

</div>

But when you embed a webinar/meeting using the SDK, people can still get the meeting ID number by clicking on the info icon in the top right. That is what we are trying to prevent. We do not want the meeting ID accessible.

---

<div class="post-metadata">

**Author:** ![ativsoftware](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ativsoftware/32/8986_2.png) [@ativsoftware](https://devforum.zoom.us/u/ativsoftware)\
**Post date:** [June 10, 2020, 3:15pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/15 "2020-06-10T15:15:33Z")

</div>

Clicking on the info icon in the top left also will display the password, which we don’t want participants to see.

---

<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:** [June 15, 2020, 8:42pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/16 "2020-06-15T20:42:00Z")

</div>

Hey @adamkohm, @ativsoftware,

You can hide the icon on the top right via CSS or JS. We do not have a built in function to hide it right now.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![adamkohm](https://avatars.discourse-cdn.com/v4/letter/a/c6cbf5/32.png) [@adamkohm](https://devforum.zoom.us/u/adamkohm)\
**Post date:** [June 15, 2020, 9:43pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/17 "2020-06-15T21:43:30Z")

</div>

Thanks. Sorry to ask, but is there a guide to these classes somewhere…looking for the ID of the div we should be targeting, Maybe I missed this somewhere.

---

<div class="post-metadata">

**Author:** ![ativsoftware](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ativsoftware/32/8986_2.png) [@ativsoftware](https://devforum.zoom.us/u/ativsoftware)\
**Post date:** [June 16, 2020, 7:46pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/18 "2020-06-16T19:46:01Z")

</div>

```
.meeting-info-icon__icon { display: none !important; }
.meeting-info-icon__icon-wrap { display: none !important; }
```

---

<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:** [June 18, 2020, 11:18pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/19 "2020-06-18T23:18:26Z")

</div>

Hey @ativsoftware, @adamkohm,

We are also releasing a way to hide the meeting info in our upcoming 1.7.9 release:

> **[Web SDK - Upcoming Changes - Stay Up To Date - Documentation](https://marketplace.zoom.us/docs/guides/stay-up-to-date/upcoming-changes/web-sdk)**
>
> Web SDK
> 
> Tentatively scheduled for June 22nd 2020 @v1.7.9
> 
> Additions
> 
> New Rate limit for joining meetings and webinars.
> 
> Added recaptcha feature for joi...

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![adamkohm](https://avatars.discourse-cdn.com/v4/letter/a/c6cbf5/32.png) [@adamkohm](https://devforum.zoom.us/u/adamkohm)\
**Post date:** [June 26, 2020, 8:42pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/20 "2020-06-26T20:42:07Z")

</div>

Thank you! Appreciate it. Looking forward to the next release and hoping it fixes a few issues we keep having.

---

<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:** [June 29, 2020, 6:20pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/21 "2020-06-29T18:20:22Z")

</div>

Happy to help! 🙂

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, 10:29pm UTC](https://devforum.zoom.us/t/create-meeting-using-sdk-angular/16981/22 "2020-08-21T22:29:32Z")

</div>

Closed on August 21, 2020, 10:29pm UTC