# View button is missing

**URL:** <https://devforum.zoom.us/t/view-button-is-missing/55378>\
**Category:** Web\
**Tags:** faq\
**Created:** [August 7, 2021, 11:21am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378 "2021-08-07T11:21:28Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anusha](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/anusha/32/17909_2.png) [@Anusha](https://devforum.zoom.us/u/Anusha)\
**Post date:** [August 7, 2021, 11:21am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/1 "2021-08-07T11:21:28Z")

</div>

**Description**  
View Button is missing sometimes through which we can switch between speaker and gallery view

**Error**  
The full error message or issue you are running into.

**Which Web Client SDK version?**  
1.9.5

**To Reproduce(If applicable)**  
Join or start a meeting from client sdk

**Screenshots**

 ![WhatsApp Image 2021-08-07 at 2.18.57 PM](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/9/1/915491e13eb51f96ebf07629843b4de06cb43d8b.jpeg)

 ![WhatsApp Image 2021-08-07 at 2.19.56 PM](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/e/b/eb412fb3c34d6fbd07480f303b57ab0c3156c9da.jpeg)

**Device (please complete the following information):**

- Device: Laptop
- OS: Windows
- Browser: Chrome
- Browser Version - Version 91.0.4472.114 (Official Build) (64-bit)

**Additional context**  
View Button is visible in some devices and missing in some.  
Please help me out

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [August 10, 2021, 12:58am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/2 "2021-08-10T00:58:50Z")

</div>

Hey @Anusha,

Thank you for reaching out to the Zoom Developer Forum. It looks like there are some issues importing dependencies or there is some custom CSS that is conflicting with the default style.

Are you able to provide a code snippet of how you’re importing dependencies?

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![Anusha](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/anusha/32/17909_2.png) [@Anusha](https://devforum.zoom.us/u/Anusha)\
**Post date:** [August 10, 2021, 5:04am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/3 "2021-08-10T05:04:52Z")

</div>

Thanks @MaxM for your quick reply. Here below is my code snippet

const showZoomDiv = () =\> {  
document.getElementById(‘zmmtg-root’).style.display = ‘block’;  
};

const initiateMeeting = () =\> {  
ZoomMtg.init({  
leaveUrl: meetingInfo.leaveUrl,  
isSupportAV: true,  
disableInvite: true,  
showMeetingHeader: false,  
success: success =\> {  
console.error(‘zoom success’, success);  
ZoomMtg.join({  
signature: meetingInfo.signature,  
meetingNumber: meetingInfo.id,  
userName: meetingInfo.userName,  
apiKey: meetingInfo.apiKey,  
passWord: meetingInfo.password,  
success: successs =\> {  
console.error(‘zoom join success’, successs);  
},  
error: error =\> {  
console.error(‘zoom join error’, error);  
},  
});  
},  
error: error =\> {  
console.error(error);  
},  
});  
};

 ![Screenshot from 2021-08-10 10-36-47](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/4/4/44f0d0c5bbbc1f63891b508f34362b2109322ade.png)

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [August 11, 2021, 1:06am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/4 "2021-08-11T01:06:56Z")

</div>

Hey @Anusha,

Thank you for providing that. First, I would try using our [Sample React App](https://github.com/zoom/websdk-sample-react/tree/master/src) as a reference when building out your application. You can also use it for testing on the latest version (1.9.7) to confirm if any issues you’re seeing there are resolved.

Just to confirm, the main issue here is that you don’t have a button to switch Gallery View on Chrome, correct? If that’s the case, please see our guide on [Web Isloation with Chrome 92](https://marketplace.zoom.us/docs/sdk/native-sdks/web/advanced/web-isolation) as well as this post:

> [@Gallery View Button not showing in Chrome Browser](https://devforum.zoom.us/t/gallery-view-button-not-showing-in-chrome-browser/54674/3):
>
> Is your app running in Web Isolation or using the SharedArrayBuffer Origin Trial? That looks like one of the features that get disabled when the SDK has no access to the SharedArrayBuffer, which is no longer accessible in the latest Chrome update unless running in Web Isolation or using the Origin Trial. For reference:

Let me know if that helps.

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![Anusha](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/anusha/32/17909_2.png) [@Anusha](https://devforum.zoom.us/u/Anusha)\
**Post date:** [August 12, 2021, 5:39am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/5 "2021-08-12T05:39:32Z")

</div>

Thank you for the reply @MaxM

Our Application is using the SharedArrayBuffer.  
Ours is React.js Application. We use only .js files but not .html  
Could you please tell us how we can implement web-isolation in React.js Application ([https://marketplace.zoom.us/docs/sdk/native-sdks/web/advanced/web-isolation](https://marketplace.zoom.us/docs/sdk/native-sdks/web/advanced/web-isolation))

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [August 12, 2021, 10:22pm UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/6 "2021-08-12T22:22:27Z")

</div>

Hey @Anusha

I don’t have the exact steps when it comes to a React site but for the most part you would be adding the origin trial tokens to the frontend. This likely involves adding them to the singular index.html file that I expect is in your project.

Then, on the back-end, you would configure [web isolation](https://marketplace.zoom.us/docs/sdk/native-sdks/web/advanced/web-isolation).

Let me know if that helps.

Max

---

<div class="post-metadata">

**Author:** ![Anusha](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/anusha/32/17909_2.png) [@Anusha](https://devforum.zoom.us/u/Anusha)\
**Post date:** [September 3, 2021, 4:45am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/7 "2021-09-03T04:45:30Z")

</div>

Hi @MaxM ,

[WebCodecs Chrome 92 - #32 by MaxM](https://devforum.zoom.us/t/webcodecs-chrome-92/54296/32) I hope helloparent is having issue similar to us and I can see some progress there. If you can find the solution for them, could you please share with us also.

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [September 8, 2021, 12:13am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/8 "2021-09-08T00:13:01Z")

</div>

Hey @Anusha,

Along with the SharedArrayBuffer Origin Trial, I would make sure that you are sending the headers outlined in the [Web Isolation](https://marketplace.zoom.us/docs/sdk/native-sdks/web/advanced/web-isolation) guide.

Also, please run the code snippet to verify if SharedArrayBuffer is running on the page:

> **[Web Cross-Origin Isolation - Advanced Guides - Web - Meeting SDKs - Zoom...](https://marketplace.zoom.us/docs/sdk/native-sdks/web/advanced/web-isolation#verify-changes)**
>
> Web Cross-Origin Isolation
> 
> To optimize Web SDK performance on Chrome, follow the steps below to enable origin trials for SharedArrayBuffers in non-isol...

Let me know what that returns.

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![helloparent](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/helloparent/32/16775_2.png) [@helloparent](https://devforum.zoom.us/u/helloparent)\
**Post date:** [September 14, 2021, 4:34am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/9 "2021-09-14T04:34:46Z")

</div>

hi @Anusha : were you able to resolve this?

---

<div class="post-metadata">

**Author:** ![Anusha](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/anusha/32/17909_2.png) [@Anusha](https://devforum.zoom.us/u/Anusha)\
**Post date:** [September 14, 2021, 6:26am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/10 "2021-09-14T06:26:28Z")

</div>

Hi @helloparent ,

This issue is not yet resolved for us. We need to implement web isolation, waiting for the exact steps to implement web isolation with React.js application.

---

<div class="post-metadata">

**Author:** ![vsandoria](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vsandoria/32/31151_2.png) [@vsandoria](https://devforum.zoom.us/u/vsandoria)\
**Post date:** [September 17, 2021, 10:37am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/11 "2021-09-17T10:37:49Z")

</div>

Hi @MaxM

We are not getting breakthrough on the ReactJS app, tried all the possible ways for

1. [Chrome Origin Trial](https://marketplace.zoom.us/docs/sdk/native-sdks/web/advanced/web-isolation#verify-changes)  
(error: SharedArrayBuffer is undefined & typeof SharedArrayBuffer ===‘function’ rerturns false )  
)
2. [Web Isolation](https://marketplace.zoom.us/docs/sdk/native-sdks/web/advanced/web-isolation)  
unable to get how to add these headers on ReactJS code where we have .js file, not the meeting.html file.

> ```auto
> 
> ```

location /meeting.html {  
add\_header ‘cross-origin-resource-policy’ ‘\*’;  
add\_header ‘Cross-Origin-Embedder-Policy’ ‘require-corp’;  
add\_header ‘Cross-Origin-Opener-Policy’ ‘same-origin’;  
}

```auto
This is for server-side where our code is on reactJs only. 

Can you please help our with the possible solution?

Thanks 
Vinesh
```

---

<div class="post-metadata">

**Author:** ![vsandoria](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vsandoria/32/31151_2.png) [@vsandoria](https://devforum.zoom.us/u/vsandoria)\
**Post date:** [September 17, 2021, 10:38am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/12 "2021-09-17T10:38:51Z")

</div>

@Anusha I assume, you are facing the same challenges to resolve this on reactJS code.

---

<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:** [September 21, 2021, 5:54pm UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/13 "2021-09-21T17:54:56Z")

</div>

Hey @vsandoria , @Anusha , @helloparent ,

What version of the Web Meeting SDK are you all on? 🙂

I see @Anusha is using 1.9.5 and we have made many improvements since then.

[https://marketplace.zoom.us/docs/changelog#labels/meeting-sdk-web](https://marketplace.zoom.us/docs/changelog#labels/meeting-sdk-web)

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![helloparent](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/helloparent/32/16775_2.png) [@helloparent](https://devforum.zoom.us/u/helloparent)\
**Post date:** [September 22, 2021, 5:03pm UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/14 "2021-09-22T17:03:49Z")

</div>

1.9.8 version of Zoom web sdk

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [September 24, 2021, 8:23pm UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/15 "2021-09-24T20:23:34Z")

</div>

@vsandoria @Anusha @helloparent

From here, I recommend testing with the latest version 1.9.9 with all of the origin trials mentioned in our [Web Isolation](https://marketplace.zoom.us/docs/sdk/native-sdks/web/advanced/web-isolation) guide enabled.

The best method to test is to clone the [Sample Web App](https://github.com/zoom/sample-app-web) and test with that before upgrading your implementation.

If that’s not helpful, please update us here with the following information:

Web SDK Version:  
OS Version:  
Browser Version:

Thanks,  
Max

---

<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:** [October 25, 2021, 6:23am UTC](https://devforum.zoom.us/t/view-button-is-missing/55378/16 "2021-10-25T06:23:52Z")

</div>

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