Layout

1. <Layout backgroundResizeMode="wallpaper"backgroundColorInLogoResizeMode="FFFFFF"navigationButtonColor="FFFFFF">

2.  <TextLayouts ... />

3.  <HeaderColors titleColor="FFFFFF"backgroundColor="005596" backgroundAlpha="B3" />

4.  <SelectedMenuItemBackgroundColor color="F8971D"alpha="B3" />

5.  <ProgressBar color="005596" />

6.  <Notification image="notification.png" />

7.  <RASP preventSystemScreenshotImage="Screenshot_image.png" />

8. </Layout>

Configuring the background

• Layout: This element is used to customize the layout of the application.

  • backgroundResizeMode: This attribute defines how the background is resized.

  • backgroundResizeMode="logo": The background is scaled along the shorter side of the screen. The background image must be square. The aspect ratio is preserved.

    

    Background configuration - resize mode logo

  • navigationButtonColor: Color of the navigation button.

  • backgroundResizeMode="stretch": The background is scaled to fill the screen. The aspect ratio is not preserved. This is the default background resize mode.

    

    Background configuration - resize mode stretch

  • backgroundResizeMode="wallpaper": The background is scaled along the larger side of the screen. The background image must be square. The aspect ratio is preserved.

    

    Background configuration - resize mode wallpaper

  OneSpan recommends using the logo or stretch mode – these two modes are better adapted to be used with recent mobile devices than the wallpaper mode.

  • backgroundColorInLogoResizeMode: If backgroundResizeMode is logo, this attribute defines the background color of those parts of the screen that will not be covered by the background. This attribute is optional. The default value is FFFFFF.

  In Background configuration - resize mode logo, backgroundColorInLogoResizeMode is D2DCBC.