# Ionic custom UI

**URL:** <https://devforum.zoom.us/t/ionic-custom-ui/9744>\
**Category:** Ionic\
**Created:** [March 26, 2020, 2:05pm UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744 "2020-03-26T14:05:50Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![mattheusgetstudio](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mattheusgetstudio/32/4176_2.png) [@mattheusgetstudio](https://devforum.zoom.us/u/mattheusgetstudio)\
**Post date:** [March 26, 2020, 2:05pm UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/1 "2020-03-26T14:05:50Z")

</div>

Hello, any way to apply these options on ionic when joining a meeting?

opts.meeting\_views\_options = MeetingViewsOptions.NO\_BUTTON\_SHARE + MeetingViewsOptions.NO\_BUTTON\_VIDEO;

I tried to do directly in the java code, I was not successful.

---

<div class="post-metadata">

**Author:** ![carson.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/carson.zoom/32/785_2.png) [@carson.zoom](https://devforum.zoom.us/u/carson.zoom)\
**Post date:** [March 26, 2020, 11:53pm UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/2 "2020-03-26T23:53:32Z")

</div>

Hi [mattheusgetstudio](https://devforum.zoom.us/u/mattheusgetstudio),

Thanks for using Zoom SDK. This option has not been added to the Ionic SDK yet. If you would like to add it directly in the Java code, you may need to configure your package.json file and reimport your modified version of Ionic SDK rather than fetching the Ionic SDK version online.

Hope this helps. Thanks!

---

<div class="post-metadata">

**Author:** ![mattheusgetstudio](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mattheusgetstudio/32/4176_2.png) [@mattheusgetstudio](https://devforum.zoom.us/u/mattheusgetstudio)\
**Post date:** [March 27, 2020, 2:52am UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/4 "2020-03-27T02:52:35Z")

</div>

I managed to solve in the native part, thank you or return, thank you.

---

<div class="post-metadata">

**Author:** ![carson.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/carson.zoom/32/785_2.png) [@carson.zoom](https://devforum.zoom.us/u/carson.zoom)\
**Post date:** [March 27, 2020, 3:03am UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/5 "2020-03-27T03:03:56Z")

</div>

Thanks for the reply. Glad to hear it is working. I will also forward this as a feature request to the engineering team and we will investigate the possibility of adding this feature to our Ionic SDK.

Thanks!

---

<div class="post-metadata">

**Author:** ![travis.bradfield1](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/travis.bradfield1/32/5475_2.png) [@travis.bradfield1](https://devforum.zoom.us/u/travis.bradfield1)\
**Post date:** [April 8, 2020, 1:57pm UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/6 "2020-04-08T13:57:24Z")

</div>

Hello @mattheusgetstudio

I’m wondering what process you followed to install the Zoom SDK in Ionic?I’m getting the following errors after following the Capacitor install process for cordova plugins.

 ![Screenshot 2020-04-08 at 14.57.18](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/c/c6258213f70281a2e1b6a107666ffd2e20a21339.png)

---

<div class="post-metadata">

**Author:** ![mattheusgetstudio](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mattheusgetstudio/32/4176_2.png) [@mattheusgetstudio](https://devforum.zoom.us/u/mattheusgetstudio)\
**Post date:** [April 8, 2020, 2:52pm UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/7 "2020-04-08T14:52:01Z")

</div>

Hello, what version of ionic are you using?

---

<div class="post-metadata">

**Author:** ![travis.bradfield1](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/travis.bradfield1/32/5475_2.png) [@travis.bradfield1](https://devforum.zoom.us/u/travis.bradfield1)\
**Post date:** [April 8, 2020, 3:03pm UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/8 "2020-04-08T15:03:42Z")

</div>

Thanks for the quick reply!

Ionic:

Ionic CLI : 6.5.0 (/usr/local/lib/node\_modules/@ionic/cli)  
Ionic Framework : @ionic/angular 5.0.7  
@angular-devkit/build-angular : 0.803.26  
@angular-devkit/schematics : 8.3.26  
@angular/cli : 8.3.26  
@ionic/angular-toolkit : 2.2.0

Capacitor:

Capacitor CLI : 2.0.0  
@capacitor/core : 2.0.0

Utility:

cordova-res : not installed  
native-run : 1.0.0

System:

NodeJS : v12.13.1 (/usr/local/bin/node)  
npm : 6.14.4  
OS : macOS Catalina

---

<div class="post-metadata">

**Author:** ![mattheusgetstudio](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mattheusgetstudio/32/4176_2.png) [@mattheusgetstudio](https://devforum.zoom.us/u/mattheusgetstudio)\
**Post date:** [April 8, 2020, 3:42pm UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/9 "2020-04-08T15:42:50Z")

</div>

I’m using ionic version 3, I did some tests for ionic 4 but I didn’t use a capacitor.

---

<div class="post-metadata">

**Author:** ![travis.bradfield1](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/travis.bradfield1/32/5475_2.png) [@travis.bradfield1](https://devforum.zoom.us/u/travis.bradfield1)\
**Post date:** [April 8, 2020, 11:02pm UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/10 "2020-04-08T23:02:16Z")

</div>

Oh I see. Thanks for getting back to me! Happy coding

---

<div class="post-metadata">

**Author:** ![carson.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/carson.zoom/32/785_2.png) [@carson.zoom](https://devforum.zoom.us/u/carson.zoom)\
**Post date:** [April 9, 2020, 5:28am UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/11 "2020-04-09T05:28:26Z")

</div>

Hi everyone,

Thanks for using Zoom SDK. Our Ionic SDK does not support Ionic Capacitor at the moment. Thanks!

---

<div class="post-metadata">

**Author:** ![mikko.valjento](https://avatars.discourse-cdn.com/v4/letter/m/e79b87/32.png) [@mikko.valjento](https://devforum.zoom.us/u/mikko.valjento)\
**Post date:** [May 17, 2020, 7:01pm UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/12 "2020-05-17T19:01:40Z")

</div>

Travis, did you find a solution to this or did you perhaps switch from Capacitor to Cordova?

---

<div class="post-metadata">

**Author:** ![carson.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/carson.zoom/32/785_2.png) [@carson.zoom](https://devforum.zoom.us/u/carson.zoom)\
**Post date:** [May 19, 2020, 9:23am UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/13 "2020-05-19T09:23:37Z")

</div>

Hi [mikko.valjento](https://devforum.zoom.us/u/mikko.valjento),

Thanks for using Zoom SDK. What is the issue you are facing? If you are facing issues when using Ionic SDK with Xcode, please make sure you follow the doc here: [https://marketplace.zoom.us/docs/sdk/native-sdks/iOS/getting-started/integration](https://marketplace.zoom.us/docs/sdk/native-sdks/iOS/getting-started/integration) to correctly configure the Xcode to be able to run the SDK.

Hope this helps. Thanks!

---

<div class="post-metadata">

**Author:** ![mikko.valjento](https://avatars.discourse-cdn.com/v4/letter/m/e79b87/32.png) [@mikko.valjento](https://devforum.zoom.us/u/mikko.valjento)\
**Post date:** [May 20, 2020, 8:54am UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/14 "2020-05-20T08:54:46Z")

</div>

Hi @carson.zoom,

Thanks for asking. I switched from Capacitor to Cordova implementation and got it working.

However I would like to know if it’s possible to change the UI (hide toolbar) in the Ionic Zoom SDK or if such feature is planned for the future?

Also, is there a Finnish language version available for Ionic Zoom version? If not, I need it and I would be willing to translate it for you immediately.

Best regards,  
Mikko

---

<div class="post-metadata">

**Author:** ![carson.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/carson.zoom/32/785_2.png) [@carson.zoom](https://devforum.zoom.us/u/carson.zoom)\
**Post date:** [May 21, 2020, 9:08am UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/15 "2020-05-21T09:08:27Z")

</div>

Hi @mikko.valjento,

Thanks for the reply. Which toolbar are you referring to? You may refer to the following meeting options:

```auto
let options = {
  custom_meeting_id: "Customized Title",
  no_share: false,
  no_audio: false,
  no_video: false,
  no_driving_mode: true,
  no_invite: true,
  no_meeting_end_message: true,
  no_dial_in_via_phone: false,
  no_dial_out_to_phone: false,
  no_disconnect_audio: true,
  no_meeting_error_message: true,
  no_unmute_confirm_dialog: true, // Android only
  no_webinar_register_dialog: false, // Android only
  no_titlebar: false,
  no_bottom_toolbar: false,
  no_button_video: false,
  no_button_audio: false,
  no_button_share: false,
  no_button_participants: false,
  no_button_more: false,
  no_text_password: true,
  no_text_meeting_id: false,
  no_button_leave: false
 };

```

Not sure if the `no_buttom_toolbar` is what you are looking for.

The Ionic SDK is based on the Zoom client, I think Zoom client does not support Finnish at the moment. You may submit a new language request at [https://zoom.us/feed](https://zoom.us/feed), once the Zoom client supports Finnish, our SDK will inherit it.

Hope this helps. Thanks!

---

<div class="post-metadata">

**Author:** ![mikko.valjento](https://avatars.discourse-cdn.com/v4/letter/m/e79b87/32.png) [@mikko.valjento](https://devforum.zoom.us/u/mikko.valjento)\
**Post date:** [May 21, 2020, 4:53pm UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/16 "2020-05-21T16:53:35Z")

</div>

Hi, thanks for the reply @carson.zoom.

I have now submitted a language request as you suggested. Fingers crossed. 🙂

I also managed to hide the tool bar, thanks for help. The problem is that I would like to still have a customised Finnish language “quit” button, but as far as I understand it’s not (yet) possible to have custom UI buttons in the Ionic version of the Zoom SDK? Is this planned to be supported in the future versions?

---

<div class="post-metadata">

**Author:** ![carson.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/carson.zoom/32/785_2.png) [@carson.zoom](https://devforum.zoom.us/u/carson.zoom)\
**Post date:** [May 23, 2020, 3:47am UTC](https://devforum.zoom.us/t/ionic-custom-ui/9744/17 "2020-05-23T03:47:49Z")

</div>

Hi @mikko.valjento,

It is not supported to do such customization in Ionic SDK. Once the Zoom client supports Finnish, you could simply switch the language and you do not need to do any additional customization.

Thanks!
