Mobile SDK Default UI

NOTE: If you want to use your own fully custom UI, you must disable the default UI, as it is on by default.

Customize the Default User Interface

You can modify the color, interface text, and images provided in the default interface. You can also choose to implement your own interface.

iOS

  1. To set various colors used by the default UI: [GlanceVisitor setDefaultUIColor: CircleViewColor color: UIColor.redColor];

  2. To override the default UI text and image resources, include resources with the same name within your own application bundle resources.

  3. To use the default UI, but supply a GlanceDefaultUIDelegate or your own terms and conditions URL: [GlanceVisitor defaultUI: YES delegate: myDelegate termsURL: @"https://www.example.com/terms"];. GlanceDefaultUIDelegate only provides notification for voice call events.

  4. To implement your own UI, use: [GlanceVisitor defaultUI: NO]; [GlanceVisitor setCustomViewerDelegate:self];.Your delegate must implement the GlanceCustomViewerDelegate protocol.

Android

  1. To set various colors used by the default UI, add them to your res/values/colors.xml file.
  2. To modify the UI text, update your application’s res/values/strings.xml file.
  3. To customize images, include resources with the same name within the res/drawable folder.
  4. To implement your own UI use: Visitor.defaultUI(false); Visitor.setCustomSessionViewId(R.id.my_glance_agent_viewer);.

Your custom view will most likely override onSizeChanged and dispatchDraw.

Default User Interface Details

Dialog Colors

the default dialog colors.

Session Key Colors

the default session key colors.

Agent Viewer Colors

the default agent viewer colors.

End Button Colors

The default end button colors.

By continuing to use the site, you agree to the use of cookies. Learn More