UI Customization

You can customize your mobile app chat widget and window's look and feel to suit your application design. The Mobilisten iOS SDK comes with native support for dark mode out of the box and the extended ability to customize every aspect of user interfacing using the UI theme. Theming allows you to customize the Mobilisten SDK perfectly to match the look and feel of your app.

Theming in the Mobilisten iOS SDK is achieved using an instance of the  SIQTheme class, which can be obtained from the SIQTheme get-only property. You may modify this instance and set the modified theme using  ZohoSalesIQ.setThemeForiOS(customTheme) API.

Note: The Properties in the theme instance that have not been customized will be rendered with the default appearance in the Mobilisten SDK. This way, you can modify the properties that you would like to change and leave the other properties with the default appearance. 

Supported color formats for the ZohoSalesIQ.setThemeForiOS: 

  • Hexadecimal Color: Specify colors using hexadecimal values. Example: "#007AFF"
  • RGB Color: Use the RGB color model with the rgb(). Example: "rgb(0,122,255)"
  • RGBA Color: Include an alpha channel for transparency with the rgba() function. Example: "rgba(0,122,255,1.0)"
  • Asset Color Name: Use named colors defined in your asset catalog. Learn more about managing assets with asset catalogs.
Copiedimport 'package:salesiq_mobilisten/siqtheme.dart';

// Create a new theme instance using SIQTheme
var customTheme = new SIQTheme();

// Customize properties in the customTheme instance as desired
customTheme.themeColor = Colors.blue.toString();

// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);