Custom UI (legacy)
NOTE: Custom UI is currently only supported in 5.7 and below.
NOTE: If you want to use your own fully customized UI, you must disable the Default UI, as Default UI is on by default. For more details, check the [Building Your own UI](https://help.glance.net/mobile-app-sharing/getting-started/android/android_build_your_own_ui/) page.
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.
-
To set various colors used by the Default UI, add them to your
res/values/colors.xml
file. -
To modify the UI text, update your application’s
res/values/strings.xml
file. -
To customize images, include resources with the same name within the
res/drawable
folder. -
To set the terms URL, use this method:
Visitor.defaultUI(boolean enabled, String termsUrl)
. Alternatively contact your Glance representative to set the terms URL.
- 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

Terms and Conditions colors
This is how we are currently using HTML format to buil the Terms and Conditions string:
<string name="GLANCE_DEFAULT_UI_START_DIALOG_TERMS_TEXT">By clicking <b>Accept</b>, you agree to our\n<u><font color='#177340'>Terms and Conditions</font></u> and will be connected to an agent.</string>
So, we basically use the color res @color/DialogTextColor
as the whole string color default and change only the inner text "Terms and Conditions" to be painted with #177340
. You can use the same approach to change it too.
Session Key Colors

Agent Viewer Colors

End Button Colors
