Chat
You can customize the color and properties of the Chat window like text, background color, chat handoff banner, submit button, message suggestion, etc to match the look and feel of your application.
Chat.backgroundColor
Chat.Input
Chat.Message
Chat.Message.Common
Chat.Message.File
Chat.Message.Article
Chat.Message.InfoMessage
Chat.Message.Suggestion
Chat.Message.InputCard
Chat.Message.AudioPlayer
Chat.Message.SkipActionButton
Chat.backgroundColor
Copiedimport 'package:salesiq_mobilisten/siqtheme.dart';
// Create a new theme instance using SIQTheme
var customTheme = new SIQTheme();
//Customize properties in the customTheme object as desired
customTheme.chat.backgroundColor = Colors.white.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.Input
Copiedimport 'package:salesiq_mobilisten/siqtheme.dart';
// Create a new theme instance using SIQTheme
var customTheme = new SIQTheme();
//Customize properties in the customTheme object as desired
customTheme.chat.input.audioRecordHintBackgroundColor = Colors.black.toString();
customTheme.chat.input.audioRecordHintTextColor = Colors.white.toString();
customTheme.chat.input.textFieldBorderColor = Colors.grey.toString();
customTheme.chat.input.textFieldTintColor = Colors.grey.toString();
customTheme.chat.input.textFieldBackgroundColor = Colors.white.toString();
customTheme.chat.input.textFieldPlaceholderColor = Colors.grey.toString();
customTheme.chat.input.textFieldTextColor = Colors.black.toString();
customTheme.chat.input.attachmentButtonBackgroundColor = Colors.grey.toString();
customTheme.chat.input.recordButtonBackgroundColor = Colors.blue.toString();
customTheme.chat.input.recordSoundPulseBackgroundColor = Colors.blue.toString();
customTheme.chat.input.sendButtonBackgroundColor = Colors.white.toString();
customTheme.chat.input.recordTimerBackgroundColor = Colors.white.toString();
customTheme.chat.input.recordTimerTextColor = Colors.grey.toString();
customTheme.chat.input.recordTimerIndicatorColor = Colors.red.toString();
customTheme.chat.input.recordSlideTextColor = Colors.grey.toString();
customTheme.chat.input.recordSlideIconColor = Colors.grey.toString();
customTheme.chat.input.recordCancelTextColor = Colors.white.toString();
customTheme.chat.input.moreIconColor = Colors.white.toString();
customTheme.chat.input.sendIconColor = Colors.white.toString();
customTheme.chat.input.recordIconColor = Colors.blue.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.Message.Common
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.chat.message.common.incomingBackgroundColor = Colors.grey.toString();
customTheme.chat.message.common.outgoingBackgroundColor = Colors.blue.toString();
customTheme.chat.message.common.incomingTextColor = Colors.black.toString();
customTheme.chat.message.common.outgoingTextColor = Colors.white.toString();
customTheme.chat.message.common.incomingBorderColor = Colors.grey.toString();
customTheme.chat.message.common.outgoingBorderColor = Colors.blue.toString();
customTheme.chat.message.common.messageSenderNameColor = Colors.grey.toString();
customTheme.chat.message.common.incomingTimeTextColor = Colors.grey.toString();
customTheme.chat.message.common.incomingTimeIconColor = Colors.grey.toString();
customTheme.chat.message.common.outgoingTimeTextColor = Colors.blue.toString();
customTheme.chat.message.common.outgoingTimeIconColor = Colors.blue.toString();
customTheme.chat.message.common.incomingMessageEditedTagColor = Colors.grey.toString();
customTheme.chat.message.common.outgoingMessageEditedTagColor = Colors.white.toString();
customTheme.chat.message.common.incomingMessageTimeStampColor = Colors.grey.toString();
customTheme.chat.message.common.outgoingMessageTimeStampColor = Colors.white.toString();
customTheme.chat.message.common.incomingDeletedMessageColor = Colors.grey.toString();
customTheme.chat.message.common.outgoingDeletedMessageColor = Colors.white.toString();
customTheme.chat.message.common.deletingMessageTitleColor = Colors.white.toString();
customTheme.chat.message.common.deliveryStatusIconColor = Colors.white.toString();
customTheme.chat.message.common.repliedMessageHighLightColor = Colors.grey.toString();
customTheme.chat.message.common.incomingMessageReplyIconColor = Colors.grey.toString();
customTheme.chat.message.common.outgoingMessageReplyIconColor = Colors.blue.toString();
customTheme.chat.message.common.botTypingIndicatorStyle = 1;
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.Message.File
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.chat.message.file.incomingTitleColor = Colors.black.toString();
customTheme.chat.message.file.incomingSubTitleColor = Colors.grey.toString();
customTheme.chat.message.file.incomingFileViewBackgroundColor = Colors.white.toString();
customTheme.chat.message.file.incomingCommentBackgoundColor = Colors.white.toString();
customTheme.chat.message.file.outgoingTitleColor = Colors.white.toString();
customTheme.chat.message.file.outgoingSubTitleColor = Colors.grey.toString();
customTheme.chat.message.file.outgoingFileViewBackgroundColor = Colors.white.toString();
customTheme.chat.message.file.outgoingCommentBackgoundColor = Colors.white.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.Message.Article
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.chat.message.article.articleTitleColor = Colors.blue.toString();
customTheme.chat.message.article.cardTitleColor = Colors.black.toString();
customTheme.chat.message.article.authorTextColor = Colors.grey.toString();
customTheme.chat.message.article.backgroundColor = Colors.white.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.Message.InfoMessage
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.chat.message.infoMessage.textColor = Colors.grey.toString();
customTheme.chat.message.infoMessage.lineColor = Colors.grey.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.Message.Suggestion
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.chat.message.suggestion.backgroundColor = Colors.white.toString();
customTheme.chat.message.suggestion.textColor = Colors.blue.toString();
customTheme.chat.message.suggestion.borderColor = Colors.blue.toString();
customTheme.chat.message.suggestion.cornerRadius = 10;
customTheme.chat.message.suggestion.displayStyle = 1;
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.Message.InputCard
Copiedimport 'package:salesiq_mobilisten/siqtheme.dart';
// Create a new theme instance using SIQTheme
var customTheme = new SIQTheme();
//Customize properties in the customTheme object as desired
customTheme.chat.message.inputCard.titleColor = Colors.grey.toString();
customTheme.chat.message.inputCard.textFieldBackgroundColor = Colors.white.toString();
customTheme.chat.message.inputCard.textFieldTextColor = Colors.black.toString();
customTheme.chat.message.inputCard.textFieldPlaceholderColor = Colors.grey.toString();
customTheme.chat.message.inputCard.sendButtonBackgroundColor = Colors.blue.toString();
customTheme.chat.message.inputCard.sendButtonIconColor = Colors.white.toString();
customTheme.chat.message.inputCard.separatorColor = Colors.grey.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.Message.AudioPlayer
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.chat.message.audioPlayer.incomingTrackColor = Colors.grey.toString();
customTheme.chat.message.audioPlayer.outgoingTrackColor = Colors.white.toString();
customTheme.chat.message.audioPlayer.outgoingDurationTextColor = Colors.white.toString();
customTheme.chat.message.audioPlayer.incomingDurationTextColor = Colors.grey.toString();
customTheme.chat.message.audioPlayer.playButtonBackgroundColor = Colors.white.toString();
customTheme.chat.message.audioPlayer.incomingButtonIconColor = Colors.grey.toString();
customTheme.chat.message.audioPlayer.outgoingButtonIconColor = Colors.blue.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.Message.Common.incomingProgressButton
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.chat.message.common.incomingProgressButton.backgroundColor = Colors.white.toString();
customTheme.chat.message.common.incomingProgressButton.tintColor = Colors.grey.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.Message.Common.outgoingProgressButton
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.chat.message.common.outgoingProgressButton.backgroundColor = Colors.white.toString();
customTheme.chat.message.common.outgoingProgressButton.tintColor = Colors.grey.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme)Chat.Message.Selection
Chat.Message.Selection
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.chat.message.selection.backgroundColor = Colors.white.toString();
customTheme.chat.message.selection.selectionBackgroundColor = Colors.grey.toString();
customTheme.chat.message.selection.textColor = Colors.black.toString();
customTheme.chat.message.selection.buttonBackgroundColor = Colors.white.toString();
customTheme.chat.message.selection.buttonTextColor = Colors.blue.toString();
customTheme.chat.message.selection.linkTextColor = Colors.blue.toString();
customTheme.chat.message.selection.accessoryColor = Colors.blue.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.Message.Slider
Chat.Message.Slider
Copiedimport 'package:salesiq_mobilisten/siqtheme.dart';
// Create a new theme instance using SIQTheme
var customTheme = new SIQTheme();
//Customize properties in the customTheme object as desired
customTheme.chat.message.slider.thumbBorderColor = Colors.blue.toString();
customTheme.chat.message.slider.selectedTrackColor = Colors.blue.toString();
customTheme.chat.message.slider.selectedValueTextColor = Colors.blue.toString();
customTheme.chat.message.slider.unSelectedTrackColor = Colors.grey.toString();
customTheme.chat.message.slider.thumbBackgroundColor = Colors.white.toString();
customTheme.chat.message.slider.minRangeTextColor = Colors.white.toString();
customTheme.chat.message.slider.maxRangeTextColor = Colors.grey.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.QueueBanner
Chat.QueueBanner
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.chat.queueBanner.titleColor = Colors.black.toString();
customTheme.chat.queueBanner.subtitleColor = Colors.grey.toString();
customTheme.chat.queueBanner.subtitleTimeColor = Colors.black.toString();
customTheme.chat.queueBanner.backgroundColor = Colors.grey.toString();
customTheme.chat.queueBanner.positionContainerBackgroundColor = Colors.white.toString();
customTheme.chat.queueBanner.positionTextColor = Colors.blue.toString();
customTheme.chat.queueBanner.positionSubtitleColor = Colors.grey.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.HandOffBanner
Chat.HandOffBanner
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.chat.handOffBanner.backgroundColor = Colors.grey.toString();
customTheme.chat.handOffBanner.textColor = Colors.black.toString();
customTheme.chat.handOffBanner.buttonTitleColor = Colors.blue.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.EmailTranscript
Chat.EmailTranscript
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.chat.emailTranscript.textFieldTintColor = Colors.blue.toString()
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.AttachmentsSheet
Chat.AttachmentsSheet
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.chat.attachmentsSheet.backgroundColor = Colors.white.toString();
customTheme.chat.attachmentsSheet.overlayColor = Colors.black.toString();
customTheme.chat.attachmentsSheet.tintColor = Colors.blue.toString();
customTheme.chat.attachmentsSheet.separatorColor = Colors.grey.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);Chat.Input.Edit
Chat.Input.Edit
Copiedimport 'package:salesiq_mobilisten/siqtheme.dart';
// Create a new theme instance using SIQTheme
var customTheme = new SIQTheme();
// Customize properties in the customTheme object as desired
customTheme.chat.input.edit.backgroundColor = Colors.grey.toString();
customTheme.chat.input.edit.titleColor = Colors.blue.toString();
customTheme.chat.input.edit.subtitleColor = Colors.grey.toString();
customTheme.chat.input.edit.verticalLine = Colors.blue.toString();
customTheme.chat.input.edit.messageTypeIconColor = Colors.grey.toString();
customTheme.chat.input.edit.closeButton = Colors.grey.toString();
// Set the customized theme using ZohoSalesIQ.setThemeForiOS API
ZohoSalesIQ.setThemeForiOS(customTheme);