Customize UI Design

[leesmith (Lee)]

With the Web SDK can we create our own design or are we fixed into the iframe version.

The reason I ask, I would like the host to see everyone but the participants only to see the host. Or have the ability to toggle these types of settings.

Hope you can advise.

[michael_p.zoom (Michael P.)]

Hi @leesmith,

Right now the JSSDK is the fixed version when it comes to design. We only show the active speaker, however we are working on a version to show multiple participants similar to the native clients.

Thanks

[sanjeev.kumar (Sanjeev)]

Hi Michael,

I have a requirement of custom video layout where I want to display/design video DIV elements anywhere on the window. I don’t want to go with static layout suggested in Zoom web pages, I wanted to draw custom layouts. Do we have such things available in Zoom ?

Regards,
Sanjeev

[michael_p.zoom (Michael P.)]

Hi @sanjeev.kumar,

Unfortunately, we don’t have an option for custom layouts using our JSSDK right now. However, It is on the roadmap tentatively for later this year.

Thanks

[rubengt01 (Ruben)]

Hi Michael, Is there any update on this feature?

[tommy (Tommy Gaessler)]

Hey @rubengt01,

No updates yet. This will probably happen sometime next year.

Thanks,
Tommy

[rubengt01 (Ruben)]

Thanks for the update

[tommy (Tommy Gaessler)]

You are welcome!

-Tommy

[brad1 (Brad)]

Next year? Seriously? How can there be a web SDK and absolutely no way to customize it? It makes the SDK itself basically completely useless.

[elearningevolve (Adeel (Founder eLearning evolve))]

@tommy There is a very critical issue when integrating the WEB SDK into an existing web application. The global styling of the HTML elements in the app like(buttons, anchors etc) are messing up the styling of the Zoom SDK window, will the customizable UI that is set to release this year address this issue as well? What is needed is the ability to protect the scope of the Zoom SDK window wrapper so that styles apart from the SDK do not mess it up. Something like Shadow Dom maybe? Please clarify about this and any ETA for the customizable UI release?

[tommy (Tommy Gaessler)]

Hey @elearningevolve, @brad1,

I appreciate your feedback. During Zoom’s 90 day plan, we are developing security features for the existing Web SDK. After that, we are going to develop styling / customization related features.

In the meantime, see here on how to best use the Web SDK:

Force username when entering meeting using browser Zoom app

Hey @someone, The best way to use the Web SDK in a SPA is to navigate the user to a seperate path or sub domain so it does not interfere with your CSS. Then you can navigate back to your main SPA with the leaveUrl. Thanks, Tommy

Thanks for your understanding,
Tommy

[elearningevolve (Adeel (Founder eLearning evolve))]

Thankyou for keeoing us updated @tommy. Glad to hear that you will be working on the styling soon. There is one more issue in addition to the one metnioned above. The bootstrap srylesheet of the WEB SDK is also impacting the styles of other elements of the page if we embed it as part of a page. Please address these issues with the styling changes.
Thanks!

[tommy (Tommy Gaessler)]

Hey @elearningevolve,

Please see my post here about the Web SDK styling overrides:

Force username when entering meeting using browser Zoom app

Hey @someone, The best way to use the Web SDK in a SPA is to navigate the user to a seperate path or sub domain so it does not interfere with your CSS. Then you can navigate back to your main SPA with the leaveUrl. Thanks, Tommy

Thanks,
Tommy

[Denis]

Hello all, my first post on the Zoom Dev forum! Here I go…

Any updates on availability of UI customization? And does the limitation apply only to the WebSDK, or to the other SDKs as well (e.g. macos, windows, electron, ios, android, etc.)? What about if making an app for the zoom marketplace — can you customize the settings page on the desktop client app?

Say if you were to add your own settings for a custom app. Could you add those in a separate tab? As in the left-hand pane:

And finally, does Zoom charge a fee for publishing on the marketplace, or can anyone publish their app free of charge?

[tommy (Tommy Gaessler)]

Hey @Denis, welcome to the devforum!

@Denis

Any updates on availability of UI customization? And does the limitation apply only to the WebSDK, or to the other SDKs as well (e.g. macos, windows, electron, ios, android, etc.)?

There are no updates yet on more customization capabilities to all the SDKs.

@Denis

What about if making an app for the zoom marketplace — can you customize the settings page on the desktop client app?

Apps on the Zoom Marketplace are OAuth or Chatbot Apps only.

@Denis

Say if you were to add your own settings for a custom app. Could you add those in a separate tab? As in the left-hand pane:

The SDKs do not have the settings page. They are only for the In Meeting / Webinar Experience.

@Denis

And finally, does Zoom charge a fee for publishing on the marketplace, or can anyone publish their app free of charge?

Depending on what features your app uses, you will need to be on a certain plan. API endpoints that require a paid plan mention it on the respective doc page.

Thanks,
Tommy