Styles
tab of the application settings under the Advanced Options
section..ios
or .android
..phone
or .tablet
..block-[block type name lowercase]
. For example, the calendar block would be .block-calendarview
.Label
control becomes label
, a DatePicker
would be datepicker
.FieldStack
you could use the CSS below.FieldStack
a gray color. Many controls in Rock Mobile inherit from other controls. For instance the Address
control inherits from FieldStack
. The CSS above would not effect the Address
control. If you want all controls that inherit from another control add a ^
in front of the selector. The CSS below would select on controls that are a FieldStack
or inherit from one.-rock-text-shadow: [distanceX] [distanceY] [blurRadius] [color]
Style
settings.Style
settings.Style
settings.Style
settings.Style
settings.Style
settings.Style
settings.?color-{color}-{intensity}
?color-orange-400
?color-{application-color}-{property}
?color-primary-background
?color-primary-border
?color-primary-text
floatValue
number and multiplies it by the system font scale. This is usually set by the user in the device accessibility settings.