# Zoom Meeting Web SDK Component View screen sharing layout issue

**URL:** <https://devforum.zoom.us/t/zoom-meeting-web-sdk-component-view-screen-sharing-layout-issue/77301>\
**Category:** Web\
**Tags:** meeting-sdk, web-meeting-sdk\
**Created:** [October 12, 2022, 9:06am UTC](https://devforum.zoom.us/t/zoom-meeting-web-sdk-component-view-screen-sharing-layout-issue/77301 "2022-10-12T09:06:53Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Uhliber](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/uhliber/32/42131_2.png) [@Uhliber](https://devforum.zoom.us/u/Uhliber)\
**Post date:** [October 12, 2022, 9:06am UTC](https://devforum.zoom.us/t/zoom-meeting-web-sdk-component-view-screen-sharing-layout-issue/77301/1 "2022-10-12T09:06:53Z")

</div>

**Description**  
I am having an issue with the screen share layout having a really small screen for Meeting SDK for Web using component view. It is the same issue with [this topic](https://devforum.zoom.us/t/websdk-component-view-screen-shared-layout/72686). I am using vue.js so I tried the [vue sample app](https://github.com/zoom/meetingsdk-vuejs-sample) but it seems that the issue is still there.

Is there a way to make it look decent or even a possibility to make it full screen?

I am using the the latest Meeting SDK v2.8.0 for web

**Screenshot**

 ![save-sdk](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/5/d/5d1dbd227e6e238e768f0e4477ca43301560b291.jpeg)

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [October 12, 2022, 8:00pm UTC](https://devforum.zoom.us/t/zoom-meeting-web-sdk-component-view-screen-sharing-layout-issue/77301/2 "2022-10-12T20:00:38Z")

</div>

@Uhliber ,

When you say this issue is the same as this [topic](https://devforum.zoom.us/t/websdk-component-view-screen-shared-layout/72686), you only see this behavior when the “host who made the meeting from outside shares the screen” ? Also, which browsers are seeing this behavior? And have you enabled SharedArrayBuffer enabled for your site?

Please let me know the steps to reproduce and I will look into this on my end.

For reference, here is a gif of the different views for the component view:  
 ![Zoom Web Meeting SDK Component View](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/f/7/f7992945e729f7ea699ec8a42a72510866ad1baa.gif)

You may also want to explore the following Component View resources :

# Component view (SharedArrayBuffer enabled)

[https://marketplace.zoom.us/docs/sdk/overview/websdk-gallery-view/#component-view](https://marketplace.zoom.us/docs/sdk/overview/websdk-gallery-view/#component-view)

# Positioning

[https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/positioning/](https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/positioning/)

# Resizing

[https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/resizing/](https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/resizing/)

---

<div class="post-metadata">

**Author:** ![Uhliber](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/uhliber/32/42131_2.png) [@Uhliber](https://devforum.zoom.us/u/Uhliber)\
**Post date:** [October 13, 2022, 5:27am UTC](https://devforum.zoom.us/t/zoom-meeting-web-sdk-component-view-screen-sharing-layout-issue/77301/3 "2022-10-13T05:27:16Z")

</div>

Hi @donte.zoom,

I am using Chrome browser and SharedArrayBuffer was not enabled for my site. So I followed the instruction shown in the [first resource that you shared](https://marketplace.zoom.us/docs/sdk/overview/websdk-gallery-view/#component-view). What worked to me is [Implementing Credentialless Headers](https://marketplace.zoom.us/docs/sdk/overview/websdk-gallery-view/#implementing-credentialless-headers).

I added it in the middleware as shown in the code below.

```auto
public function handle(Request $request, Closure $next)
{
  $response = $next($request);
  $response->header('Cross-Origin-Embedder-Policy', 'credentialless');
  $response->header('Cross-Origin-Opener-Policy', 'same-origin');

  return $response;
}

```

**Screenshot after implementation** (Ribbon view and Gallery view are now also available)

 ![save-sdk-fixed](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/b/4/b4ceeed5850d73f838eb8efc4d63e6f14e6a5600.png)

Now, it’s working!  
Thanks for your help!

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [October 13, 2022, 5:30am UTC](https://devforum.zoom.us/t/zoom-meeting-web-sdk-component-view-screen-sharing-layout-issue/77301/4 "2022-10-13T05:30:10Z")

</div>

Awesome, @Uhliber ! Glad you were able to resolve the issue and we appreciate you sharing your solution with us !

---

<div class="post-metadata">

**Author:** ![rakhap](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/rakhap/32/36468_2.png) [@rakhap](https://devforum.zoom.us/u/rakhap)\
**Post date:** [October 28, 2022, 1:55am UTC](https://devforum.zoom.us/t/zoom-meeting-web-sdk-component-view-screen-sharing-layout-issue/77301/5 "2022-10-28T01:55:09Z")

</div>

i had a similar problem, when participants join at first time looks fine, but when host shares the screen, the pop up gets wider like this, and i can’t control it.

 ![screenShare-before](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/e/2/e2eed5bde66d559eafc1ecb767f09af179b98c05.png)  
 ![screenShare-after](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/4/b/4b62107f358802d1ed69bd4148014bff6970e91a.png)

did you experience the same?

@donte.zoom how i can fix this?

---

<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 27, 2022, 11:55am UTC](https://devforum.zoom.us/t/zoom-meeting-web-sdk-component-view-screen-sharing-layout-issue/77301/6 "2022-11-27T11:55:56Z")

</div>

Closed on November 27, 2022, 11:55am UTC

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