Setting Configuration Properties
You can define configuration properties in the Mobile Client that are displayed at runtime.
Style Sheet Configuration
You can customize the style sheets for the mobile application using the runtime configuration properties.
There are two types of style sheet properties:
-
Skin Properties: Changes the UI control design such as font, color, and size
The tables below outline the skin properties and values:
Color Properties:
The color property values use the RGB color code in hexadecimal format. The pattern used has the format #<red><green><blue>
Color
Value
White
#FFFFFF
Light Gray
#C0C0C0
Gray
#808080
Dark Gray
#404040
Black
#000000
Red
#FF0000
Pink
#FFAFAF
Orange
#FFC800
Yellow
#FFFF00
Green
#00FF00
Magenta
#FF00FF
Cyan
#00FFFF
Blue
#0000FF
Font Properties
The font property values use the pattern: <font name>|<font size>|<font type>
Font Type
Value
STANDARD
0
BOLD
1
ITALIC
2
BOLD ITALIC
3
Example: Tahoma|9|1 is a property with the font name Tahoma , the font size 9 , and the font type BOLD .
Design Time Property
The design time property can be overridden in the runtime configuration.
|
Design Time Property |
Configuration Properties |
Default Value |
|
semanticcolor |
stylesheet.textview.semanticcolor.standart |
#000000 |
|
stylesheet.textview.semanticcolor.critical |
#FF7733 |
|
|
stylesheet.textview.semanticcolor.dimished |
#999999 |
|
|
stylesheet.textview.semanticcolor.marked1 |
#FF7733 |
|
|
stylesheet.textview.semanticcolor.marked2 |
#FFAA55 |
|
|
stylesheet.textview.semanticcolor.negative |
#FF0000 |
|
|
stylesheet.textview.semanticcolor.positive |
#008000 |
|
|
design |
stylesheet.textview.design.emphasized.font |
Tahoma|10|1 |
|
stylesheet.textview.design.header1.font |
Tahoma|14|1 |
|
|
stylesheet.textview.design.header2.font |
Tahoma|12|1 |
|
|
stylesheet.textview.design.header3.font |
Tahoma|10|1 |
|
|
stylesheet.textview.design.header4.font |
Tahoma|9|1 |
|
|
stylesheet.textview.design.legend.font |
Tahoma|9|0 |
|
|
stylesheet.textview.design.monospace.font |
Monospaced|10|0 |
|
|
stylesheet.textview.design.reference.font |
Tahoma|10|2 |
|
|
stylesheet.textview.design.standard.font |
Tahoma|10|0 |
|
|
padding |
stylesheet.default.padding.none |
0 |
|
stylesheet.default.padding.small |
3 |
|
|
stylesheet.default.padding.medium |
7 |
|
|
stylesheet.default.padding.large |
15 |
|
|
vGutter |
stylesheet.default.vgutter.none |
0 |
|
stylesheet.default.vgutter.medium |
17 |
|
|
stylesheet.default.vgutter.large |
31 |
|
|
stylesheet.default.vgutter.xlarge |
63 |
|
|
stylesheet.default.vgutter.width |
1 |
Skin Property
Skin properties correspond to the property values set for the UI controls.
|
Design Time Property |
Configuration Property |
|
default |
stylesheet.default.backgroundcolor |
|
stylesheet.default.foreground |
|
|
stylesheet.default.font |
|
|
stylesheet.default.height |
|
|
stylesheet.default.backgroundcolor.highlighted |
|
|
stylesheet.default.foreground.highlighted |
|
|
stylesheet.default.backgroundcolor.validation.highlighted |
|
|
brandingarea |
stylesheet.brandingarea.backbutton.foreground |
|
stylesheet.default.bordercolor |
|
|
stylesheet.brandingarea.backgroundcolor |
|
|
stylesheet.brandingarea.bordercolor |
|
|
stylesheet.brandingarea.font |
|
|
stylesheet.brandingarea.foreground |
|
|
stylesheet.brandingarea.height |
|
|
stylesheet.brandingarea.brandingtext |
|
|
button |
stylesheet.button.backgroundcolor |
|
stylesheet.button.font |
|
|
stylesheet.button.foreground |
|
|
stylesheet.button.height |
|
|
label |
stylesheet.label.backgroundcolor |
|
stylesheet.label.font |
|
|
stylesheet.label.foreground |
|
|
stylesheet.label.height |
|
|
caption |
stylesheet.caption.backgroundcolor |
|
stylesheet.caption.font |
|
|
stylesheet.caption.foreground |
|
|
stylesheet.caption.height |
|
|
inputfield |
stylesheet.inputfield.backgroundcolor |
|
stylesheet.inputfield.font |
|
|
stylesheet.inputfield.height |
|
|
stylesheet.inputfield.foreground |
|
|
radiobutton |
stylesheet.radiobutton.radiobutton |
|
linktoaction |
stylesheet.linktoaction.backgroundcolor |
|
stylesheet.linktoaction.font |
|
|
stylesheet.linktoaction.foreground |
|
|
stylesheet.linktoaction.foreground.highlighted |
|
|
stylesheet.linktoaction.height |
|
|
statusbar |
stylesheet.statusbar.height |
|
stylesheet.statusbar.icon.height |
|
|
stylesheet.statusbar.font |
|
|
stylesheet.statusbar.backgroundcolor |
|
|
stylesheet.statusbar.errorcolor |
|
|
stylesheet.statusbar.messagecolor |
|
|
stylesheet.statusbar.warningcolor |
|
|
table |
Header stylesheet.table.header.backgroundcolor stylesheet.table.header.foreground stylesheet.table.header.font |
|
Content stylesheet.table.content.backgroundcolor stylesheet.table.content.foreground stylesheet.table.content.font |
|
|
Footer stylesheet.table.footer.backgroundcolor stylesheet.table.footer.foreground stylesheet.table.footer.font |
|
|
imagebutton |
stylesheet.imagebutton.pressed.foreground |
|
stylesheet.imagebutton.pressed.background |
|
|
stylesheet.imagebutton.disabled.foreground |
|
|
stylesheet.imagebutton.backgroundcolor |
|
|
stylesheet.imagebutton.font |
|
|
stylesheet.imagebutton.height |
|
|
stylesheet.imagebutton.foreground |
|
|
image |
stylesheet.image.backgroundcolor |
|
rowrepeater |
stylesheet.rowrepeater.underline |
|
linktourl |
stylesheet.linktourl.backgroundcolor |
|
stylesheet.linktourl.font |
|
|
stylesheet.linktourl.foreground |
|
|
stylesheet.linktourl.height |
|
|
sortedlist |
stylesheet.sortedlist.backgroundcolor |
|
stylesheet.sortedlist.font |
|
|
stylesheet.sortedlist.foreground |
|
|
historycontrol |
stylesheet.historycontrol.backgroundcolor |
|
stylesheet.historycontrol.foreground |
|
|
progressbar |
stylesheet.progressbar.neutralcolor |
|
stylesheet.progressbar.criticalcolor |
|
|
stylesheet.progressbar.negativecolor |
|
|
stylesheet.progressbar.positivecolor |