Skip to content

Appearance Properties

There are 4 types of Appearance Properties. Colors, Texts, Images and Fonts. Appearance properties can either be a Web client property (format: W-999-AAAA) or a Mobile Client property (format: M-999-AAAA).

Ex: W-100-IMAGE is an Image type property for Web client.

There is a required format for each of these property types.

Color

A valid hex color value.

  • #FFFFFF

Text

Any text.

  • Welcome to ABC Company

Image

Images can either be a resource mapping or a URL to an externally hosted resource.

Supported formats: png, jpg

Note: For best performance, using images smaller than 1MB and lower than 1920x1080 resolution is recommended.

  • Resource mapping : RESOURCE: welcome.png
  • External URL : https://example.com/image.png

Font

Fonts can either be a resource mapping or a URL to an externally hosted resource.

Supported formats: woff, woff2, ttf, otf

  • Resource mapping : RESOURCE: my-font.woff2
  • External URL : https://example.com/my-font.woff2

Properties List

A full list of properties which can be configured through appearance designer is listed below.

Properties for IFS Cloud Mobile are listed on Appearance Designer for Mobile Apps

Property Description
W-100-COLOR App bar background color
W-110-COLOR App bar text color
W-120-COLOR App bar background hover color
W-100-IMAGE App bar logo
W-200-COLOR Welcome background color
W-200-IMAGE Welcome logo
W-210-COLOR Welcome username text color
W-210-FONT Welcome username font
W-210-IMAGE Welcome background image
W-220-COLOR Welcome message text color
W-220-FONT Welcome message font
W-220-TEXT Welcome message text
W-300-IMAGE Favicon image
W-400-COLOR Breadcrumb background color
W-410-COLOR Breadcrumb text color
W-501-COLOR Shell color 1
W-502-COLOR Shell color 2
W-503-COLOR Shell color 3
W-504-COLOR Shell color 4
W-510-COLOR Shell text color
W-600-COLOR Page background color
W-600-FONT Application font
W-601-FONT Page title font
W-700-COLOR Lobby accent text color
W-701-COLOR Lobby accent background color

App bar(W-100) and Welcome screen(W-200)

Note: W-210-IMAGE will be applied on top of W-200-COLOR.

Favicon(W-300), Breadcrumbs(W-400) and Shell(W-500)

Page and Application properties(W-600)

Lobby(W-700)

For lobby elements using 'Accent' color style, these properties can be used to override the default IFS accent color. Other color styles cannot be overridden.