On This Page

{#jumplink-list}  
[Markdown](/docs/vas/en-us/tap-to-phone/integration/all/rest/tap-to-phone/tap-to-phone-get-started-intro/ttp-customize-default-ui-intro/ttp-customize-default-ui-style-uiconfig.md)  
Filter  
FILTER BY TAG

Customize Style Elements Using a `UiConfiguration` Instance {#ttp-customize-default-ui-style-uiconfig}
======================================================================================================

Use this customization feature to dynamically change some Default UI style elements while the app is in use. These style elements can be customized using a `UiConfiguration` instance:

* `toolbarLogo`
* `colorScheme` (and its sub-elements)
* `cornerRadius`

{#ttp-customize-default-ui-style-uiconfig_ul_axl_lzd_1gc} Follow this step to customize Default User Interface style elements using a `UiConfiguration` instance:

1. Create the `UiConfiguration` instance.

   ```
   mposUi.configuration = UiConfiguration(
     // other UiConfiguration parameters
     toolbarLogo = "....",
     colorScheme = UiConfiguration.ColorScheme(
       colorPrimary = 0xFF1A1F71,
       colorOnPrimary = 0xFFFFFFFF,
       colorSurface = 0xFFFFFFFF,
       colorOnSurface = 0xFF1C1B1B,
     ),
     cornerRadius = UiConfiguration.CornerRadius.ROUND
   )
   ```

RELATED TO THIS PAGE