Skip to main content

December 4, 2024

How to Configure UI with the help of Customize XML

In addition to using the Custom Settings payload to send XML code that enables or disables specific Launcher settings, you can use custom XML to customize the UI for your organization.

You can change text on the login page, change messages for loading screens, and change several buttons or commands throughout Launcher.

Use this page to configure the customizations you can turn on through custom XML.

Custom XML Format Example

Here is a sample of how the Custom XML looks in the console:

<parm name="ConfigureLauncherViewProperties" value="

  {
        &quot;login_screen&quot; :
     [
        {
        &quot;resourceId&quot; : &quot;login_button&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        },
            {
        &quot;resourceId&quot; : &quot;guest_login_button&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }   
     ]
  }
" />
Key NameDescription
resourceidResource ID is the name of the screen component. For example: login_button or guest_login_button.
TextUse this parameter to change and prompts or dialog text.
Text ColorUse this parameter to change the text color. Use a hexadecimal format such as #FFFFFF, otherwise it does not work.

Configure Multiple Screens with Custom XML

You can use multiple custom XML to customize multiple screens under the same parameter. You do not have to create multiple custom XML inputs. Instead, you will comma separated value to include multiple key names.

Sample Custom XML with Multiple Customizations

<characteristic type="com.airwatch.android.androidwork.launcher" uuid="568bc89d-1df8-4ce9-a041-e5a24acdb7ec">
   

<parm name="ConfigureLauncherViewProperties" value="

  {
        &quot;guest_mode_password_entry_screen&quot; :
      [
        {
        &quot;resourceId&quot; : &quot;guest_mode_password_entry_text&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        },

        {
        &quot;resourceId&quot; : &quot;guest_mode_login_button&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }      
     ],

        &quot;exit_guest_mode_dialog&quot; :
    [
       {
       &quot;resourceId&quot; : &quot;dialog_title&quot;,
       &quot;text&quot; : &quot;Sample text&quot;
       },

       {
       &quot;resourceId&quot; : &quot;dialog_text&quot;,
       &quot;text&quot; : &quot;Sample text&quot;
       },
       {
       &quot;resourceId&quot; : &quot;confirmation_button&quot;,
       &quot;text&quot; : &quot;Sample text&quot;,
       &quot;textColor&quot; : &quot;#A8383F&quot;
       }
   ]
 }
" />
</characteristic>

Offline Mode Screens that can be customized using Customize XML

Login Screen

On the login screen, you can customize the Checkout button and the guest log in button. Use the following custom XML to change these buttons:

This screenshot shows you the checkout screen from the device view. You can view what text changes when you use the custom XML.

<parm name="ConfigureLauncherViewProperties" value="

  {
        &quot;login_screen&quot; :
     [
        {
        &quot;resourceId&quot; : &quot;login_button&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        },
            {
        &quot;resourceId&quot; : &quot;guest_login_button&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }   
     ]
  }
" />
</characteristic>

Offline Banner

Change the text on the Offline Banner.

This screenshot shows you how the offline banner looks on your devices. You can change the banner text and button text.

<characteristic type="com.airwatch.android.androidwork.launcher" uuid="568bc89d-1df8-4ce9-a041-e5a24acdb7ec">
   

<parm name="ConfigureLauncherViewProperties" value="

  {
        &quot;offline_mode_banner&quot; :
    [
        {
        &quot;resourceId&quot; : &quot;status_text_banner&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        },
            {
        &quot;resourceId&quot; : &quot;reconnect_button_banner&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }   
    ]
  }
" />
</characteristic>

Offline Mode

The offline mode screen displays when the device is not connected to the network. You can edit the dialogue which tells users the tasks they can still perform when in offline mode and the offline mode button.

This screenshot shows you the offline mode screen from the user's device.

<characteristic type="com.airwatch.android.androidwork.launcher" uuid="568bc89d-1df8-4ce9-a041-e5a24acdb7ec">
   

<parm name="ConfigureLauncherViewProperties" value="

 {
        &quot;offline_login_screen&quot; :
    [
        {
        &quot;resourceId&quot; : &quot;offline_login_screen_textX&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        },
           {
        &quot;resourceId&quot; : &quot;offline_login_button&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        },
        {
        &quot;resourceId&quot; : &quot;offline_login_screen_textY&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        },
        {
        &quot;resourceId&quot; : &quot;offline_login_screen_textZ&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }                 
     ]
   }
" />
</characteristic>

Offline Passcode Screen

On this page, you can edit the password entry text and the offline login button text.

This screenshot shows you the offline mode passcode screen on the user device.

<characteristic type="com.airwatch.android.androidwork.launcher" uuid="568bc89d-1df8-4ce9-a041-e5a24acdb7ec">
   

<parm name="ConfigureLauncherViewProperties" value="        
   {
        &quot;offline_password_entry_screen&quot; :
     [
        {
        &quot;resourceId&quot; : &quot;password_entry_text&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        },
          {
        &quot;resourceId&quot; : &quot;offline_login_button&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }         
     ]
   }
" />
</characteristic>

Server Connection Information Screen

This screen allows you to customize the text for server connection information and server connection error texts.

This screenshot shows the user their connection status. It lets them continue using offline mode or cancel.

<characteristic type="com.airwatch.android.androidwork.launcher" uuid="568bc89d-1df8-4ce9-a041-e5a24acdb7ec">
   

<parm name="ConfigureLauncherViewProperties" value="

 {
        &quot;server_connection_status_screen&quot; :
   [
        {
        &quot;resourceId&quot; : &quot;server_connection_info_text&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }
   ]
 }
       
" />
</characteristic>

This screenshot shows the user the connection station with an error message.

<characteristic type="com.airwatch.android.androidwork.launcher" uuid="568bc89d-1df8-4ce9-a041-e5a24acdb7ec">
   

<parm name="ConfigureLauncherViewProperties" value="

 {
        &quot;server_connection_status_screen&quot; :
   [
        {
        &quot;resourceId&quot; : &quot;server_connection_error_text&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }      
   ]
 }
       
" />
</characteristic>

Exit Offline Mode Alert Dialog

This screen lets you customize the offline mode dialog. You can customize the dialog text and confirmation button.

This screenshot shows you the alert dialog screen from the user device.

Guest Mode Screens that can be customized using Customize XML

These are the screens that can be customized using custom XML while the devices are in guest mode.

Guest Mode Banner

On the guest mode banner, you can customize the status text and the information text.

This screenshot shows the guest mode banner from the user device.

<characteristic type="com.airwatch.android.androidwork.launcher" uuid="568bc89d-1df8-4ce9-a041-e5a24acdb7ec">
   

<parm name="ConfigureLauncherViewProperties" value="

 {
        &quot;guest_mode_banner&quot; :
     [
        {
        &quot;resourceId&quot; : &quot;status_text_banner&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        },
           {
        &quot;resourceId&quot; : &quot;info_text_banner&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }    
     ]
  }
       
" />
</characteristic>

Guest Mode Info Dialog

You can customize the guest mode information text with this custom XML.

This screeshot shows text dialog for the guest mode screen on the user's device

<characteristic type="com.airwatch.android.androidwork.launcher" uuid="568bc89d-1df8-4ce9-a041-e5a24acdb7ec">
   

<parm name="ConfigureLauncherViewProperties" value="

  {
        &quot;guest_mode_info_screen&quot; :
     [
        {
        &quot;resourceId&quot; : &quot;guest_mode_info_text&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }
     ]
   }
       
" />
</characteristic>

Guest Checkout

This hub login screen allows the users to checkout the devices as a guest.

You can customize the guest checkout link and the login button.

This screenshot shows the user device with the guest checkout button.

<characteristic type="com.airwatch.android.androidwork.launcher" uuid="568bc89d-1df8-4ce9-a041-e5a24acdb7ec">
   

<parm name="ConfigureLauncherViewProperties" value="

{
        &quot;hub_login_screen&quot; :
   [
        {
        &quot;resourceId&quot; : &quot;guest_login_button&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        },
        {
        &quot;resourceId&quot; : &quot;login_button&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }   
   ]
}
       
" />
</characteristic>

Guest Mode Authorization

On this screen, you can customize the text prompting users to enter their password and the guess access button.

This screenshot shows you the user device with the guest authorization screen displaying.

<characteristic type="com.airwatch.android.androidwork.launcher" uuid="568bc89d-1df8-4ce9-a041-e5a24acdb7ec">
   

<parm name="ConfigureLauncherViewProperties" value="

  {
        &quot;guest_mode_password_entry_screen&quot; :
     [
        {
        &quot;resourceId&quot; : &quot;guest_mode_password_entry_text&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        },
        {
        &quot;resourceId&quot; : &quot;guest_mode_login_button&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }      
     ]
  }
      
" />
</characteristic>

Guest Alert Dialog

On this screen, you can customize the dialog prompting customers to end guest mode. You can customize the dialog title, text, and confirmation button.

This screen shows you the user device with the alert dialog.

<characteristic type="com.airwatch.android.androidwork.launcher" uuid="568bc89d-1df8-4ce9-a041-e5a24acdb7ec">
   

<parm name="ConfigureLauncherViewProperties" value="

{
        &quot;exit_guest_mode_dialog&quot; :
     [
        {
        &quot;resourceId&quot; : &quot;dialog_title&quot;,
        &quot;text&quot; : &quot;Sample text&quot;
        },
             {
        &quot;resourceId&quot; : &quot;dialog_text&quot;,
        &quot;text&quot; : &quot;Sample text&quot;
        },
            {
        &quot;resourceId&quot; : &quot;confirmation_button&quot;,
        &quot;text&quot; : &quot;Sample text&quot;,
        &quot;textColor&quot; : &quot;#A8383F&quot;
        }
     ]
 }
       
" />
</characteristic>

Custom Icons

Launcher supports custom icons listed in this vision library which admins can use by providing the appropriate icon details. Here the keyword "ic" is constant, followed by the section name such as action, communication and icon title like info, bookmark, etc.

Here is an example of how to input a particular icon:

ic_Action_Bookmark

Another aspect of customizing your Launcher UI is implementing custom icons. These icons allows you to convey messages quickly, perform quick actions, and draw attention to important information.

Icons are available in the following categories:

  • Action
  • Communication
  • Navigation
  • Social
  • Time
  • Security
  • Media
  • Selection
  • Meta

A few things to consider when you are configuring icons for your Launcher UI:

  • Size- The icon framework supports four icon sizes: 16px, 24px, 32px, 40px. The most common size is 24px. Please make sure to have a consistent icon size across the UI.
  • Touch Target- The touch target should be no less than 48px for interactive icons, and the icon should be center aligned inside the designated touch area.
  • Color- Icons should be one solid color and must have the same color contrast ratio as typography (4.5:1). The color of the icon should reflect the significance of the icon's action, which should always be to aid in user navigation.
  • Alignment- You should center align icons when they are next to text.

Vision Icon Library

This section serves as a library of available icons you are able to customize within the Launcher profile.

Action Icons

This screenshot is a group of action icons available.

Communication Icons

This screenshot is a group of communication icons available.

This screenshot is a group of navigation icons available.

Social Icons

This screenshot is a group of social icons available.

Time Icons

This screenshot is a group of time icons available.

Security Icons

This screenshot is a group of security icons available.

Media Icons

This screenshot is a group of media icons available.

Selection Icons

This screenshot is a group of selection icons available.

Meta Icons

This screenshot is a group of meta icons available.

Was this page helpful?

Provide feedback for this topic

Was this topic helpful?

Please do not include any personal or confidential information.

Generating link…