# Chaperone Mode in web meeting sdk

**URL:** <https://devforum.zoom.us/t/chaperone-mode-in-web-meeting-sdk/85240>\
**Category:** Web\
**Created:** [March 23, 2023, 5:13pm UTC](https://devforum.zoom.us/t/chaperone-mode-in-web-meeting-sdk/85240 "2023-03-23T17:13:49Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![mirzadev.lb](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mirzadev.lb/32/45385_2.png) [@mirzadev.lb](https://devforum.zoom.us/u/mirzadev.lb)\
**Post date:** [March 23, 2023, 5:13pm UTC](https://devforum.zoom.us/t/chaperone-mode-in-web-meeting-sdk/85240/1 "2023-03-23T17:13:50Z")

</div>

Hello we are using latest meeting sdk version 2.10  
we are enabling gallery view by default as the only option also  
we have a feature in which we want a chaperone enters a meeting with a certain role and this person must be a ghost , no mic no video and his participant card must also be hidden  
I managed via dom editing to catch the one with role chaperone and hide his card , however the space for the card whateever I do is still their  
any suggestions

* * *

````auto
  const galleryVideoContainer = document.querySelector(
    '.gallery-video-container__video-frame'
  )

  if (galleryVideoContainer) {
    const avatar = document.querySelectorAll('.video-avatar__avatar-name')
    let chaperonContainer = null

    avatar.forEach((item) => {
      if (
        item.innerHTML === 'specialist' ||
        item.innerHTML === 'Specialist' ||
        item.innerHTML === 'SPECIALIST'
      ) {
        item.parentNode.parentNode.parentNode.classList.add('specialist-card')
      } else {
        item.parentNode.parentNode.parentNode.classList.add('participant-card')
      }

      if (item.innerHTML === 'Chaperone') {
        if (item.parentNode) {
          chaperonContainer = item.parentNode.parentNode.parentNode
          chaperonContainer.classList.add('chaperone-card')
        }
      }
    })
  }```
````

---

<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:** [April 23, 2023, 3:14am UTC](https://devforum.zoom.us/t/chaperone-mode-in-web-meeting-sdk/85240/2 "2023-04-23T03:14:41Z")

</div>

Closed on April 23, 2023, 3:14am UTC

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