# Need help customizing the MeetingUI

**URL:** <https://devforum.zoom.us/t/need-help-customizing-the-meetingui/47448>\
**Category:** Android\
**Created:** [April 7, 2021, 3:27pm UTC](https://devforum.zoom.us/t/need-help-customizing-the-meetingui/47448 "2021-04-07T15:27:46Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![abduljav123](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@abduljav123](https://devforum.zoom.us/u/abduljav123)\
**Post date:** [April 7, 2021, 3:27pm UTC](https://devforum.zoom.us/t/need-help-customizing-the-meetingui/47448/1 "2021-04-07T15:27:46Z")

</div>

**Description**  
Ive been following the zoom docs to make my own personalized app. Ive played around with the Zoom android-example-sdk app and, following the docs, ive integrated zoom sdk into my own app as shown in the docs (importing the commonlib.aar and mobile.aar packages into my personal project). Ive come across a problem now.

I now need to customize the Meeting UI so that i can remove/modify the meeting options bar that displays below the meeting screen and remove the drving safe mode screen etc but i cannot figure out where to make these changes.

I cant follow the instructions in the docs [here](https://marketplace.zoom.us/docs/sdk/native-sdks/android/mastering-zoom-sdk/in-meeting-function/customized-meeting-ui/view/meeting-option-bar) and [here](https://marketplace.zoom.us/docs/sdk/native-sdks/android/mastering-zoom-sdk/in-meeting-function/zoom-meeting-ui/ui-setting) because i cannot figure out where to make the changes it is instructing me to make. My file tree currently in android studio is as follows:

![tree](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/1/d/1d204e2cf97fbe8f28f62d59d55bf8be57cdd488.png)

Any help for what i want to achieve will be more than appreciated…!!

---

<div class="post-metadata">

**Author:** ![jon.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jon.zoom/32/13495_2.png) [@jon.zoom](https://devforum.zoom.us/u/jon.zoom)\
**Post date:** [April 7, 2021, 6:07pm UTC](https://devforum.zoom.us/t/need-help-customizing-the-meetingui/47448/2 "2021-04-07T18:07:21Z")

</div>

Hi @abduljav123, thanks for using the dev forum.

The first link provided in your post is related to implementing a full custom meeting UI. So far, it does not look like that will be necessary for your use case.

In order to hide the bottom toolbar and driving mode, you can set `no_bottom_toolbar` and `no_driving_mode` to `true` on the `MeetingOptions` instance you use when joining the meeting. If you are already doing this and not seeing the correct behavior, please provide a code snippet of how you are joining the meeting so that I may better assist.

Thanks!

---

<div class="post-metadata">

**Author:** ![abduljav123](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@abduljav123](https://devforum.zoom.us/u/abduljav123)\
**Post date:** [April 7, 2021, 6:44pm UTC](https://devforum.zoom.us/t/need-help-customizing-the-meetingui/47448/3 "2021-04-07T18:44:16Z")

</div>

> ```
> MeetingOptions meetingOptions = new MeetingOptions();
> meetingOptions.no_bottom_toolbar = true;
> meetingOptions.no_driving_mode = true;
> 
> ```

Im implementing this in the onCreate meathod of the MainActivity.class, dosent work.  
The options toolbar is still there and so is the safe driving mode:

 ![Screenshot_20210407-234514_zoomsdk](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/4/1/41ba0083b9a75a1f600ebb985f5bd806e8d1b93c.png)

---

<div class="post-metadata">

**Author:** ![jon.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jon.zoom/32/13495_2.png) [@jon.zoom](https://devforum.zoom.us/u/jon.zoom)\
**Post date:** [April 7, 2021, 8:23pm UTC](https://devforum.zoom.us/t/need-help-customizing-the-meetingui/47448/4 "2021-04-07T20:23:48Z")

</div>

Hi @abduljav123,

Thanks for confirming that the fields are properly set on the `MeetingOptions` object. In addition to setting those fields, you must also pass that same instance as the `opts` parameter into the `joinMeetingWithParams`, `startMeetingWithParams`, or `startInstantMeeting` method. Can you please confirm that you are doing this correctly?

Thanks!

---

<div class="post-metadata">

**Author:** ![abduljav123](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@abduljav123](https://devforum.zoom.us/u/abduljav123)\
**Post date:** [April 7, 2021, 8:49pm UTC](https://devforum.zoom.us/t/need-help-customizing-the-meetingui/47448/5 "2021-04-07T20:49:39Z")

</div>

No i cant actually figure out how to correctly execute that… could you please help me by sharing the code snippet??..Thanks!!

---

<div class="post-metadata">

**Author:** ![jon.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jon.zoom/32/13495_2.png) [@jon.zoom](https://devforum.zoom.us/u/jon.zoom)\
**Post date:** [April 7, 2021, 10:32pm UTC](https://devforum.zoom.us/t/need-help-customizing-the-meetingui/47448/6 "2021-04-07T22:32:53Z")

</div>

Hi @abduljav123,

No worries, here’s an example for how you would pass the `MeetingOptions` object in if you were joining the meeting as an anonymous user:

```java
JoinMeetingParams params = new JoinMeetingParams();

params.meetingNo = ""; // TODO: Add meeting number here
params.displayName = ""; // TODO: Add display name here

MeetingOptions options = new MeetingOptions();
        
options.no_bottom_toolbar = true;
options.no_driving_mode = true;

MeetingService meetingService = ZoomSDK.getInstance().getMeetingService();

meetingService.joinMeetingWithParams(this, params, options);

```

The method and parameters will change depending on whether you need to join as an authenticated user or want to start the meeting as host instead of joining, but the general idea is the same.

Thanks!

---

<div class="post-metadata">

**Author:** ![abduljav123](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@abduljav123](https://devforum.zoom.us/u/abduljav123)\
**Post date:** [April 8, 2021, 10:31am UTC](https://devforum.zoom.us/t/need-help-customizing-the-meetingui/47448/7 "2021-04-08T10:31:26Z")

</div>

Hi @jon.zoom

Thankyou for your help…! It works now.

I have one last thing to ask. Besides the safe driving screen there is another screen that displays the current participants in the meeting. I want to disable that aswell.

Ive tried playing around with what ive learned so far but i cant find a valid solution to my problem. Here is the screen im talking about:

 ![e21098aa-5aa8-4cb4-88cb-2ea1255c4111](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/0/6/068b46cd9be4d7be5cd18bcb7a68d6418fe14785.jpeg)

How can i do that? Also once again, Thankyou for your help…!!

---

<div class="post-metadata">

**Author:** ![jon.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jon.zoom/32/13495_2.png) [@jon.zoom](https://devforum.zoom.us/u/jon.zoom)\
**Post date:** [April 9, 2021, 4:00pm UTC](https://devforum.zoom.us/t/need-help-customizing-the-meetingui/47448/8 "2021-04-09T16:00:17Z")

</div>

Hi @abduljav123,

Glad to hear it’s working! When using the default meeting UI, you have the option to display the gallery view or active speaker view:

```java
ZoomUIService uiService = ZoomSDK.getInstance().getZoomUIService();

// Switch to gallery view
uiService.switchToVideoWall();

// Switch to active speaker view
uiService.switchToActiveSpeaker();

```

If these options do not fit your needs, implementing a [custom meeting UI](https://marketplace.zoom.us/docs/sdk/native-sdks/android/mastering-zoom-sdk/in-meeting-function/customized-meeting-ui/overview) would be the only way to achieve what you are looking for.

Thanks!

---

<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:** [May 10, 2021, 2:01am UTC](https://devforum.zoom.us/t/need-help-customizing-the-meetingui/47448/9 "2021-05-10T02:01:07Z")

</div>

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