UI Customization

You can now customize the look and feel of your mobile app's chat widget/window to suit your application design. The Mobilisten Android SDK comes with the extended ability to customize every UI aspect using UI themes. Themes allow you to customize the Mobilisten SDK in a perfect way to match your app's look and feel.

Mobilisten follows the system device theme by default. You can opt-out of this option with the use of internal API (ZohoSalesIQ.syncThemeWithOS(false))

To customize the Mobilisten SDK in your app, create a custom Mobilisten theme in your styles.xml and inherit it from the styles mentioned above.

<style name="Theme.SalesIQ.Base.DarkActionBar" parent="Theme.SalesIQ.Light.DarkActionBar" >
          // your customization goes here
</style>
<style name="Theme.SalesIQ.Base.Dark" parent="Theme.SalesIQ.Dark">
         // your customization goes here
</style>

For devices below the Android 9 version, you can use the base theme of the SDK and proceed with the customization.

Mobilisten Android SDK comes with three different themes :

  • Theme.SalesIQ.Light.DarkActionBar
  • Theme.SalesIQ.Light
  • Theme.SalesIQ.Dark

To customize the Mobilisten SDK in your app, please follow the steps given below:

  • Create a custom Mobilisten theme in your styles.xml and inherit it from the styles mentioned above.
  • Create a style named Theme.SalesIQ.Base and set its parent to your custom Mobilisten theme.
<style name="Theme.SalesIQ.Base" parent="Theme.SalesIQ.Light.DarkActionBar">
// you can customise the attributes here
</style>

​​