Reference for the Mosaic class WidgetSet::VerticalSliderConfig

WidgetSet::VerticalSliderConfig
AccentBorderColorActive
AccentBorderColorDefault
AccentBorderColorDisabled
AccentBorderColorFocused
AccentBorderWidthActive
AccentBorderWidthDefault
AccentBorderWidthDisabled
AccentBorderWidthFocused
AccentColorActive
AccentColorDefault
AccentColorDisabled
AccentColorFocused
AccentCornerRadiusActive
AccentCornerRadiusDefault
AccentCornerRadiusDisabled
AccentCornerRadiusFocused
AccentOffsetActive
AccentOffsetDefault
AccentOffsetDisabled
AccentOffsetFocused
AccentSizeActive
AccentSizeDefault
AccentSizeDisabled
AccentSizeFocused
AccentStackingPriority
CoverBitmapActive
CoverBitmapDefault
CoverBitmapDisabled
CoverBitmapFocused
CoverFrameActive
CoverFrameDefault
CoverFrameDisabled
CoverFrameFocused
CoverStackingPriority
CoverTintActive
CoverTintDefault
CoverTintDisabled
CoverTintFocused
FaceBitmapActive
FaceBitmapDefault
FaceBitmapDisabled
FaceBitmapFocused
FaceFrameActive
FaceFrameDefault
FaceFrameDisabled
FaceFrameFocused
FaceStackingPriority
FaceTintActive
FaceTintDefault
FaceTintDisabled
FaceTintFocused
KeyCodeDown
KeyCodeUp
KeyRepeatDelay
KeyRepeatPeriod
OnUpdate
StateTransitionDuration
ThumbBitmapActive
ThumbBitmapDefault
ThumbBitmapDisabled
ThumbBitmapFocused
ThumbBorderColorActive
ThumbBorderColorDefault
ThumbBorderColorDisabled
ThumbBorderColorFocused
ThumbBorderWidthActive
ThumbBorderWidthDefault
ThumbBorderWidthDisabled
ThumbBorderWidthFocused
ThumbColorActive
ThumbColorDefault
ThumbColorDisabled
ThumbColorFocused
ThumbCornerRadiusActive
ThumbCornerRadiusDefault
ThumbCornerRadiusDisabled
ThumbCornerRadiusFocused
ThumbFrameActive
ThumbFrameDefault
ThumbFrameDisabled
ThumbFrameFocused
ThumbMarginBottom
ThumbMarginTop
ThumbOffsetActive
ThumbOffsetDefault
ThumbOffsetDisabled
ThumbOffsetFocused
ThumbShadowBlurRadiusActive
ThumbShadowBlurRadiusDefault
ThumbShadowBlurRadiusDisabled
ThumbShadowBlurRadiusFocused
ThumbShadowColorActive
ThumbShadowColorDefault
ThumbShadowColorDisabled
ThumbShadowColorFocused
ThumbShadowOffsetActive
ThumbShadowOffsetDefault
ThumbShadowOffsetDisabled
ThumbShadowOffsetFocused
ThumbSizeActive
ThumbSizeDefault
ThumbSizeDisabled
ThumbSizeFocused
ThumbStackingPriority
ThumbTintActive
ThumbTintDefault
ThumbTintDisabled
ThumbTintFocused
ThumbUpdateAtTouch
TrackAboveBitmapActive
TrackAboveBitmapDefault
TrackAboveBitmapDisabled
TrackAboveBitmapFocused
TrackAboveBorderColorActive
TrackAboveBorderColorDefault
TrackAboveBorderColorDisabled
TrackAboveBorderColorFocused
TrackAboveBorderWidthActive
TrackAboveBorderWidthDefault
TrackAboveBorderWidthDisabled
TrackAboveBorderWidthFocused
TrackAboveColorActive
TrackAboveColorDefault
TrackAboveColorDisabled
TrackAboveColorFocused
TrackAboveCornerRadiusActive
TrackAboveCornerRadiusDefault
TrackAboveCornerRadiusDisabled
TrackAboveCornerRadiusFocused
TrackAboveFlattened
TrackAboveFrameActive
TrackAboveFrameDefault
TrackAboveFrameDisabled
TrackAboveFrameFocused
TrackAboveMarginBottom
TrackAboveMarginTop
TrackAboveOffsetActive
TrackAboveOffsetDefault
TrackAboveOffsetDisabled
TrackAboveOffsetFocused
TrackAboveStackingPriority
TrackAboveStatic
TrackAboveThicknessActive
TrackAboveThicknessDefault
TrackAboveThicknessDisabled
TrackAboveThicknessFocused
TrackAboveTintActive
TrackAboveTintDefault
TrackAboveTintDisabled
TrackAboveTintFocused
TrackAboveWithEdge
TrackBelowBitmapActive
TrackBelowBitmapDefault
TrackBelowBitmapDisabled
TrackBelowBitmapFocused
TrackBelowBorderColorActive
TrackBelowBorderColorDefault
TrackBelowBorderColorDisabled
TrackBelowBorderColorFocused
TrackBelowBorderWidthActive
TrackBelowBorderWidthDefault
TrackBelowBorderWidthDisabled
TrackBelowBorderWidthFocused
TrackBelowColorActive
TrackBelowColorDefault
TrackBelowColorDisabled
TrackBelowColorFocused
TrackBelowCornerRadiusActive
TrackBelowCornerRadiusDefault
TrackBelowCornerRadiusDisabled
TrackBelowCornerRadiusFocused
TrackBelowFlattened
TrackBelowFrameActive
TrackBelowFrameDefault
TrackBelowFrameDisabled
TrackBelowFrameFocused
TrackBelowMarginBottom
TrackBelowMarginTop
TrackBelowOffsetActive
TrackBelowOffsetDefault
TrackBelowOffsetDisabled
TrackBelowOffsetFocused
TrackBelowStackingPriority
TrackBelowStatic
TrackBelowThicknessActive
TrackBelowThicknessDefault
TrackBelowThicknessDisabled
TrackBelowThicknessFocused
TrackBelowTintActive
TrackBelowTintDefault
TrackBelowTintDisabled
TrackBelowTintFocused
TrackBelowWithEdge
WidgetMaxSize
WidgetMinSize
WidgetSet::WidgetConfig

SEE ALSO

Using and customizing the Vertical Slider widget.

This class implements the functionality permitting you to simply customize the look and feel of a 'vertical slider' widget (WidgetSet::VerticalSlider). In the practice, you will create an instance of this class, configure its properties with bitmaps, colors and other relevant attributes according to your design expectations and assign such prepared configuration object to the property 'Appearance' of every affected vertical slider widget. Thereupon the widgets will use the configuration information provided in the object.

During its lifetime the slider remains always in one of the four states: 'disabled', 'default', 'focused' and 'active'. The state 'disabled' is true for every not available slider (the property 'Enabled' of the slider is 'false'). Such sliders will ignore all user inputs. The state 'default' determines a slider, which is ready to be touched by the user or ready to become focused. As soon as the slider becomes focused, it switches in the state 'focused'. In this state the user can control the slider by pressing keys on the keyboard. Finally, the state 'active' is true, if the user actually interacts with the slider (the slider's thumb is pressed). With the configuration object you can specify the appearance of the slider for every state individually. For this purpose you should know from which views the slider is composed of:

All above mentioned views are arranged one above the other whereby the resulting stacking order can be configured by using the properties FaceStackingPriority, TrackBelowStackingPriority, TrackAboveStackingPriority, ThumbStackingPriority, AccentStackingPriority and CoverStackingPriority. The view with higher priority will appear in front of other views with lower priority.

Normally, when a state alternation occurs, the affected views are updated immediatelly to reflect the new state. By using the property StateTransitionDuration it is possible to configure the slider to perform state alternations with animations (e.g. the displacement of the thumb shadow can be animated). This affects all attributes of the filled rectangle, border and shadow views belonging to the thumb, lower track, upper track and accent. In case of the images displayed in the face, lower track, upper track, thumb and cover, the animation has an effect only on the colors and offsets used to configure the views. Consequently, during animations these views can fade-out/in their colors and move only.

If the slider is actually focused, it can also be controlled by pressing the keyboard keys specified in the properties KeyCodeDown and KeyCodeUp causing the slider's thumb to be moved down or up. To prevent the slider from being able to be focused, initialize these properties with the value Core::KeyCode.NoKey. With the properties KeyRepeatDelay and KeyRepeatPeriod you can configure whether the thumb should be moved autonomously when the user holds the key pressed for a while.

To further enhance the widgets, a slot method can be assigned to the property OnUpdate. Within the slot method new decoration views can be added to the widgets and updated according to the current state of the widget.

With the properties WidgetMinSize and WidgetMaxSize you can configure size constraints for the widget itself. You can, for example, limit the slider to not shrink below a specified height or width.

property color AccentBorderColorActive = #00000000;

The property 'AccentBorderColorActive' determines the color to stroke the border surrounding the accent area when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). To determine the thickness of the border use the property AccentBorderWidthActive.

Please note, in order to be visible, a valid size for the accent area has to be configured in the property AccentSizeActive. With the property AccentCornerRadiusActive the rounding at the corners of the border can be specified.

property color AccentBorderColorDefault = #00000000;

The property 'AccentBorderColorDefault' determines the color to stroke the border surrounding the accent area when the slider is in the 'default' state. To determine the thickness of the border use the property AccentBorderWidthDefault.

Please note, in order to be visible, a valid size for the accent area has to be configured in the property AccentSizeDefault. With the property AccentCornerRadiusDefault the rounding at the corners of the border can be specified.

property color AccentBorderColorDisabled = #00000000;

The property 'AccentBorderColorDisabled' determines the color to stroke the border surrounding the accent area when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). To determine the thickness of the border use the property AccentBorderWidthDisabled.

Please note, in order to be visible, a valid size for the accent area has to be configured in the property AccentSizeDisabled. With the property AccentCornerRadiusDisabled the rounding at the corners of the border can be specified.

property color AccentBorderColorFocused = #00000000;

The property 'AccentBorderColorFocused' determines the color to stroke the border surrounding the accent area when the slider is in the 'focused' state (the slider can react to keyboard events). To determine the thickness of the border use the property AccentBorderWidthFocused.

Please note, in order to be visible, a valid size for the accent area has to be configured in the property AccentSizeFocused. With the property AccentCornerRadiusFocused the rounding at the corners of the border can be specified.

property int32 AccentBorderWidthActive = 0;

The property 'AccentBorderWidthActive' determines the thickness of the border surrounding the accent area when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel. To determine the color of the border use the property AccentBorderColorActive.

Please note, in order to be visible, a valid size for the accent area has to be configured in the property AccentSizeActive. With the property AccentCornerRadiusActive the rounding at the corners of the border can be specified.

property int32 AccentBorderWidthDefault = 0;

The property 'AccentBorderWidthDefault' determines the thickness of the border surrounding the accent area when the slider is in the 'default' state. The value is expressed in pixel. To determine the color of the border use the property AccentBorderColorDefault.

Please note, in order to be visible, a valid size for the accent area has to be configured in the property AccentSizeDefault. With the property AccentCornerRadiusDefault the rounding at the corners of the border can be specified.

property int32 AccentBorderWidthDisabled = 0;

The property 'AccentBorderWidthDisabled' determines the thickness of the border surrounding the accent area when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. To determine the color of the border use the property AccentBorderColorDisabled.

Please note, in order to be visible, a valid size for the accent area has to be configured in the property AccentSizeDisabled. With the property AccentCornerRadiusDisabled the rounding at the corners of the border can be specified.

property int32 AccentBorderWidthFocused = 0;

The property 'AccentBorderWidthFocused' determines the thickness of the border surrounding the accent area when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. To determine the color of the border use the property AccentBorderColorFocused.

Please note, in order to be visible, a valid size for the accent area has to be configured in the property AccentSizeFocused. With the property AccentCornerRadiusFocused the rounding at the corners of the border can be specified.

property color AccentColorActive = #00000000;

The property 'AccentColorActive' determines the color to fill the background of the accent area when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). In order to be visible, a valid size for the accent has to be configured in the property AccentSizeActive. With the property AccentCornerRadiusActive the rounding at the corners of the filled area can be specified.

property color AccentColorDefault = #00000000;

The property 'AccentColorDefault' determines the color to fill the background of the accent area when the slider is in the 'default' state. In order to be visible, a valid size for the accent has to be configured in the property AccentSizeDefault. With the property AccentCornerRadiusDefault the rounding at the corners of the filled area can be specified.

property color AccentColorDisabled = #00000000;

The property 'AccentColorDisabled' determines the color to fill the background of the accent area when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). In order to be visible, a valid size for the accent has to be configured in the property AccentSizeDisabled. With the property AccentCornerRadiusDisabled the rounding at the corners of the filled area can be specified.

property color AccentColorFocused = #00000000;

The property 'AccentColorFocused' determines the color to fill the background of the accent area when the slider is in the 'focused' state (the slider can react to keyboard events). In order to be visible, a valid size for the accent has to be configured in the property AccentSizeFocused. With the property AccentCornerRadiusFocused the rounding at the corners of the filled area can be specified.

property int32 AccentCornerRadiusActive = 0;

The property 'AccentCornerRadiusActive' controls the rounding at corners of the accent area when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). Normally, the accent area has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'default'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the accent area, which corresponds to the setting of the property AccentSizeActive.

property int32 AccentCornerRadiusDefault = 0;

The property 'AccentCornerRadiusDefault' controls the rounding at corners of the accent area when the slider is in the 'default' state. Normally, the accent area has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'default'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the accent area, which corresponds to the setting of the property AccentSizeDefault:

property int32 AccentCornerRadiusDisabled = 0;

The property 'AccentCornerRadiusDisabled' controls the rounding at corners of the accent area when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). Normally, the accent area has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'default'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the accent area, which corresponds to the setting of the property AccentSizeDisabled.

property int32 AccentCornerRadiusFocused = 0;

The property 'AccentCornerRadiusFocused' controls the rounding at corners of the accent area when the slider is in the 'focused' state (the slider can react to keyboard events). Normally, the accent area has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'default'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the accent area, which corresponds to the setting of the property AccentSizeFocused.

property point AccentOffsetActive = <0,0>;

The property 'AccentOffsetActive' determines an additional displacement in pixel for the accent area when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The accent area, composed of a filled rectangle and border is displayed horizontally centered at the actual thumb position. The value specified in the property AccentOffsetActive is used to move the accent area accordingly.

Besides the possibility to adjust the position, also the size of the accent area can be modified by using the associated property AccentSizeActive. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentOffsetDefault = <0,0>;

The property 'AccentOffsetDefault' determines an additional displacement in pixel for the accent area when the slider is in the 'default' state. The accent area, composed of a filled rectangle and border is displayed horizontally centered at the actual thumb position. The value specified in the property AccentOffsetDefault is used to move the accent area accordingly.

Besides the possibility to adjust the position, also the size of the accent area can be modified by using the associated property AccentSizeDefault. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentOffsetDisabled = <0,0>;

The property 'AccentOffsetDisabled' determines an additional displacement in pixel for the accent area when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The accent area, composed of a filled rectangle and border is displayed horizontally centered at the actual thumb position. The value specified in the property AccentOffsetDisabled is used to move the accent area accordingly.

Besides the possibility to adjust the position, also the size of the accent area can be modified by using the associated property AccentSizeDisabled. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentOffsetFocused = <0,0>;

The property 'AccentOffsetFocused' determines an additional displacement in pixel for the accent area when the slider is in the 'focused' state (the slider can react to keyboard events). The accent area, composed of a filled rectangle and border is displayed horizontally centered at the actual thumb position. The value specified in the property AccentOffsetFocused is used to move the accent area accordingly.

Besides the possibility to adjust the position, also the size of the accent area can be modified by using the associated property AccentSizeFocused. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentSizeActive = <0,0>;

The property 'AccentSizeActive' determines the size of the accent area when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel. This area can be composed of a filled rectangle and border.

Besides the possibility to adjust the size, also the position of the accent can be modified by using the associated property AccentOffsetActive. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentSizeDefault = <0,0>;

The property 'AccentSizeDefault' determines the size of the accent area when the slider is in the 'default' state. The value is expressed in pixel. This area can be composed of a filled rectangle and border.

Besides the possibility to adjust the size, also the position of the accent can be modified by using the associated property AccentOffsetDefault. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentSizeDisabled = <0,0>;

The property 'AccentSizeDisabled' determines the size of the accent area when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. This area can be composed of a filled rectangle and border.

Besides the possibility to adjust the size, also the position of the accent can be modified by using the associated property AccentOffsetDisabled. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentSizeFocused = <0,0>;

The property 'AccentSizeFocused' determines the size of the accent area when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. This area can be composed of a filled rectangle and border.

Besides the possibility to adjust the size, also the position of the accent can be modified by using the associated property AccentOffsetFocused. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property int32 AccentStackingPriority = 5;

The property 'AccentStackingPriority' determines the Z-order position of the views destined to display the accent area (rectangle and border). Per default the accent views are arranged in front of the views belonging to the thumb. By configuring this property the arrangement of the views within the widget can be changed whereby views with larger priority will be arranged in front of views with lower priority. For example, to place the accent views just behind the thumb, configure the property with a smaller value.

property Resources::Bitmap CoverBitmapActive = null;

The property 'CoverBitmapActive' determines the bitmap to fill vertically the foreground of the slider when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The bitmap is centered horizontally.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property CoverFrameActive. If the selected bitmap is intended to be animated, ensure that the property CoverFrameActive is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property CoverTintActive. With the property CoverTintActive you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap CoverBitmapDefault = null;

The property 'CoverBitmapDefault' determines the bitmap to fill vertically the foreground of the slider when the slider is in the 'default' state. The bitmap is centered horizontally.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property CoverFrameDefault. If the selected bitmap is intended to be animated, ensure that the property CoverFrameDefault is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property CoverTintDefault. With the property CoverTintDefault you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap CoverBitmapDisabled = null;

The property 'CoverBitmapDisabled' determines the bitmap to fill vertically the foreground of the slider when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The bitmap is centered horizontally.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property CoverFrameDisabled. If the selected bitmap is intended to be animated, ensure that the property CoverFrameDisabled is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property CoverTintDisabled. With the property CoverTintDisabled you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap CoverBitmapFocused = null;

The property 'CoverBitmapFocused' determines the bitmap to fill vertically the foreground of the slider when the slider is in the 'focused' state (the slider can react to keyboard events). The bitmap is centered horizontally.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property CoverFrameFocused. If the selected bitmap is intended to be animated, ensure that the property CoverFrameFocused is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property CoverTintFocused. With the property CoverTintFocused you can also modulate the opacity of a regular bitmap.

property int32 CoverFrameActive = -1;

The property 'CoverFrameActive' determines the frame number within the bitmap CoverBitmapActive. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the CoverBitmapActive bitmap is animated, the animation is automatically started as soon as the slider enters the 'active' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 CoverFrameDefault = -1;

The property 'CoverFrameDefault' determines the frame number within the bitmap CoverBitmapDefault. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the CoverBitmapDefault bitmap is animated, the animation is automatically started as soon as the slider enters the 'default' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 CoverFrameDisabled = -1;

The property 'CoverFrameDisabled' determines the frame number within the bitmap CoverBitmapDisabled. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the CoverBitmapDisabled bitmap is animated, the animation is automatically started as soon as the slider enters the 'disabled' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 CoverFrameFocused = -1;

The property 'CoverFrameFocused' determines the frame number within the bitmap CoverBitmapFocused. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the CoverBitmapFocused bitmap is animated, the animation is automatically started as soon as the slider enters the 'focused' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 CoverStackingPriority = 6;

The property 'CoverStackingPriority' determines the Z-order position of the view destined to display the cover bitmap. Per default the cover view is arranged in front of all other views within the slider. By configuring this property the arrangement of the views within the widget can be changed whereby views with larger priority will be arranged in front of views with lower priority. For example, to bring the cover view in background of the slider, configure the property with a smaller value.

property color CoverTintActive = #FFFFFFFF;

The property 'CoverTintActive' determines the color value to tint or modulate the bitmap specified in the property CoverBitmapActive. The effect of this color value depends on the type of the bitmap:

property color CoverTintDefault = #FFFFFFFF;

The property 'CoverTintDefault' determines the color value to tint or modulate the bitmap specified in the property CoverBitmapDefault. The effect of this color value depends on the type of the bitmap:

property color CoverTintDisabled = #FFFFFFFF;

The property 'CoverTintDisabled' determines the color value to tint or modulate the bitmap specified in the property CoverBitmapDisabled. The effect of this color value depends on the type of the bitmap:

property color CoverTintFocused = #FFFFFFFF;

The property 'CoverTintFocused' determines the color value to tint or modulate the bitmap specified in the property CoverBitmapFocused. The effect of this color value depends on the type of the bitmap:

property Resources::Bitmap FaceBitmapActive = null;

The property 'FaceBitmapActive' determines the bitmap to fill vertically the background of the slider when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The bitmap is centered horizontally.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property FaceFrameActive. If the selected bitmap is intended to be animated, ensure that the property FaceFrameActive is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property FaceTintActive. With the property FaceTintActive you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap FaceBitmapDefault = null;

The property 'FaceBitmapDefault' determines the bitmap to fill vertically the background of the slider when the slider is in the 'default' state. The bitmap is centered horizontally.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property FaceFrameDefault. If the selected bitmap is intended to be animated, ensure that the property FaceFrameDefault is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property FaceTintDefault. With the property FaceTintDefault you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap FaceBitmapDisabled = null;

The property 'FaceBitmapDisabled' determines the bitmap to fill vertically the background of the slider when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The bitmap is centered horizontally.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property FaceFrameDisabled. If the selected bitmap is intended to be animated, ensure that the property FaceFrameDisabled is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property FaceTintDisabled. With the property FaceTintDisabled you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap FaceBitmapFocused = null;

The property 'FaceBitmapFocused' determines the bitmap to fill vertically the background of the slider when the slider is in the 'focused' state (the slider can react to keyboard events). The bitmap is centered horizontally.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property FaceFrameFocused. If the selected bitmap is intended to be animated, ensure that the property FaceFrameFocused is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property FaceTintFocused. With the property FaceTintFocused you can also modulate the opacity of a regular bitmap.

property int32 FaceFrameActive = -1;

The property 'FaceFrameActive' determines the frame number within the bitmap FaceBitmapActive. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the FaceBitmapActive bitmap is animated, the animation is automatically started as soon as the slider enters the 'active' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 FaceFrameDefault = -1;

The property 'FaceFrameDefault' determines the frame number within the bitmap FaceBitmapDefault. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the FaceBitmapDefault bitmap is animated, the animation is automatically started as soon as the slider enters the 'default' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 FaceFrameDisabled = -1;

The property 'FaceFrameDisabled' determines the frame number within the bitmap FaceBitmapDisabled. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the FaceBitmapDisabled bitmap is animated, the animation is automatically started as soon as the slider enters the 'disabled' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 FaceFrameFocused = -1;

The property 'FaceFrameFocused' determines the frame number within the bitmap FaceBitmapFocused. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the FaceBitmapFocused bitmap is animated, the animation is automatically started as soon as the slider enters the 'focused' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 FaceStackingPriority = 1;

The property 'FaceStackingPriority' determines the Z-order position of the view destined to display the face bitmap. Per default the face view is arranged in the background of the slider behind all other views. By configuring this property the arrangement of the views within the widget can be changed whereby views with larger priority will be arranged in front of views with lower priority. For example, to bring the face view in front of the slider, configure the property with a larger value.

property color FaceTintActive = #FFFFFFFF;

The property 'FaceTintActive' determines the color value to tint or modulate the bitmap specified in the property FaceBitmapActive. The effect of this color value depends on the type of the bitmap:

property color FaceTintDefault = #FFFFFFFF;

The property 'FaceTintDefault' determines the color value to tint or modulate the bitmap specified in the property FaceBitmapDefault. The effect of this color value depends on the type of the bitmap:

property color FaceTintDisabled = #FFFFFFFF;

The property 'FaceTintDisabled' determines the color value to tint or modulate the bitmap specified in the property FaceBitmapDisabled. The effect of this color value depends on the type of the bitmap:

property color FaceTintFocused = #FFFFFFFF;

The property 'FaceTintFocused' determines the color value to tint or modulate the bitmap specified in the property FaceBitmapFocused. The effect of this color value depends on the type of the bitmap:

property Core::KeyCode KeyCodeDown = Core::KeyCode.Down;

The property 'KeyCodeDown' determines the key, the slider should react on when it is focused to move the thumb one step down. In this manner the user can control the widget by using keyboard or hardware buttons.

When the user holds the key pressed for a period longer than the value specified in the property KeyRepeatDelay, the slider starts to move the thumb autonomously with speed resulting from the property KeyRepeatPeriod.

If this property is initialized with the value Core::KeyCode.NoKey, the slider will not be able to become focused and it will not receive any keyboard events.

property Core::KeyCode KeyCodeUp = Core::KeyCode.Up;

The property 'KeyCodeUp' determines the key, the slider should react on when it is focused to move the thumb one step up. In this manner the user can control the widget by using keyboard or hardware buttons.

When the user holds the key pressed for a period longer than the value specified in the property KeyRepeatDelay, the slider starts to move the thumb autonomously with speed resulting from the property KeyRepeatPeriod.

If this property is initialized with the value Core::KeyCode.NoKey, the slider will not be able to become focused and it will not receive any keyboard events.

property int32 KeyRepeatDelay = 0;

The property 'KeyRepeatDelay' determines the delay in milliseconds how long the user has to hold pressed the key (KeyCodeDown or KeyCodeUp) until the focused slider starts to move the thumb autonomously. The speed in which the thumb is moved results from the value specified in the property KeyRepeatPeriod.

property int32 KeyRepeatPeriod = 0;

The property 'KeyRepeatPeriod' determines the delay in milliseconds between two steps the slider should move the thumb autonomously when the user holds pressed the key (KeyCodeDown or KeyCodeUp) longer than the delay specified in the property KeyRepeatDelay.

property slot OnUpdate = null;

The property 'OnUpdate' can refer to a slot method, which should be invoked by widgets connected to this configuration object when the widget's state changes. This method is intended to add and update custom widget decorations.

The usage of this property is equal to the homonymous property explained in WidgetSet::VerticalSlider. See its description for more details.

Please note, when the slot method is invoked, the method's parameter 'sender' refers the widget instance causing the invocation. In this manner, by using 'sender' the implementation of the slot method can access the widget to add and manipulate decoration views.

property int32 StateTransitionDuration = 0;

The property 'StateTransitionDuration' controls how long do animations take when the state of the slider changes. In this manner the appearance of the widget is updated smoothly (e.g. the thumb shadow is faded-out) instead of being performed abruptly. This value is expressed in milliseconds. If this value is 0 (zero), no animations are performed.

Animations affect all attributes of the filled rectangle, border and shadow views belonging to the thumb, tracks and accent areas. In case of the images displayed in the face, tracks, thumb and cover, the animation has an effect only on the colors and offsets used to configure the views. Consequently, during animations these views can fade-out/in their colors and move only.

property Resources::Bitmap ThumbBitmapActive = null;

The property 'ThumbBitmapActive' determines the bitmap to be displayed centered at the actual thumb position when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The position of the thumb bitmap can additionally be adjusted by configuring the property ThumbOffsetActive.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property ThumbFrameActive. If the selected bitmap is intended to be animated, ensure that the property ThumbFrameActive is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property ThumbTintActive. With the property ThumbTintActive you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap ThumbBitmapDefault = null;

The property 'ThumbBitmapDefault' determines the bitmap to be displayed centered at the actual thumb position when the slider is in the 'default' state. The position of the thumb bitmap can additionally be adjusted by configuring the property ThumbOffsetDefault.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property ThumbFrameDefault. If the selected bitmap is intended to be animated, ensure that the property ThumbFrameDefault is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property ThumbTintDefault. With the property ThumbTintDefault you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap ThumbBitmapDisabled = null;

The property 'ThumbBitmapDisabled' determines the bitmap to be displayed centered at the actual thumb position when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The position of the thumb bitmap can additionally be adjusted by configuring the property ThumbOffsetDisabled.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property ThumbFrameDisabled. If the selected bitmap is intended to be animated, ensure that the property ThumbFrameDisabled is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property ThumbTintDisabled. With the property ThumbTintDisabled you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap ThumbBitmapFocused = null;

The property 'ThumbBitmapFocused' determines the bitmap to be displayed centered at the actual thumb position when the slider is in the 'focused' state (the slider can react to keyboard events). The position of the thumb bitmap can additionally be adjusted by configuring the property ThumbOffsetFocused.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property ThumbFrameFocused. If the selected bitmap is intended to be animated, ensure that the property ThumbFrameFocused is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property ThumbTintFocused. With the property ThumbTintFocused you can also modulate the opacity of a regular bitmap.

property color ThumbBorderColorActive = #00000000;

The property 'ThumbBorderColorActive' determines the color to stroke the border surrounding the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). To determine the thickness of the border use the property ThumbBorderWidthActive.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeActive. With the property ThumbCornerRadiusActive the rounding at the corners of the border can be specified.

property color ThumbBorderColorDefault = #00000000;

The property 'ThumbBorderColorDefault' determines the color to stroke the border surrounding the thumb when the slider is in the 'default' state. To determine the thickness of the border use the property ThumbBorderWidthDefault.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDefault. With the property ThumbCornerRadiusDefault the rounding at the corners of the border can be specified.

property color ThumbBorderColorDisabled = #00000000;

The property 'ThumbBorderColorDisabled' determines the color to stroke the border surrounding the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). To determine the thickness of the border use the property ThumbBorderWidthDisabled.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDisabled. With the property ThumbCornerRadiusDisabled the rounding at the corners of the border can be specified.

property color ThumbBorderColorFocused = #00000000;

The property 'ThumbBorderColorFocused' determines the color to stroke the border surrounding the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). To determine the thickness of the border use the property ThumbBorderWidthFocused.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeFocused. With the property ThumbCornerRadiusFocused the rounding at the corners of the border can be specified.

property int32 ThumbBorderWidthActive = 0;

The property 'ThumbBorderWidthActive' determines the thickness of the border surrounding the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel. To determine the color of the border use the property ThumbBorderColorActive.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeActive. With the property ThumbCornerRadiusActive the rounding at the corners of the border can be specified.

property int32 ThumbBorderWidthDefault = 0;

The property 'ThumbBorderWidthDefault' determines the thickness of the border surrounding the thumb when the slider is in the 'default' state. The value is expressed in pixel. To determine the color of the border use the property ThumbBorderColorDefault.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDefault. With the property ThumbCornerRadiusDefault the rounding at the corners of the border can be specified.

property int32 ThumbBorderWidthDisabled = 0;

The property 'ThumbBorderWidthDisabled' determines the thickness of the border surrounding the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. To determine the color of the border use the property ThumbBorderColorDisabled.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDisabled. With the property ThumbCornerRadiusDisabled the rounding at the corners of the border can be specified.

property int32 ThumbBorderWidthFocused = 0;

The property 'ThumbBorderWidthFocused' determines the thickness of the border surrounding the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. To determine the color of the border use the property ThumbBorderColorFocused.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeFocused. With the property ThumbCornerRadiusFocused the rounding at the corners of the border can be specified.

property color ThumbColorActive = #00000000;

The property 'ThumbColorActive' determines the color to fill the background of the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). In order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeActive. With the property ThumbCornerRadiusActive the rounding at the corners of the filled area can be specified.

property color ThumbColorDefault = #00000000;

The property 'ThumbColorDefault' determines the color to fill the background of the thumb when the slider is in the 'default' state. In order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDefault. With the property ThumbCornerRadiusDefault the rounding at the corners of the filled area can be specified.

property color ThumbColorDisabled = #00000000;

The property 'ThumbColorDisabled' determines the color to fill the background of the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). In order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDisabled. With the property ThumbCornerRadiusDisabled the rounding at the corners of the filled area can be specified.

property color ThumbColorFocused = #00000000;

The property 'ThumbColorFocused' determines the color to fill the background of the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). In order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeFocused. With the property ThumbCornerRadiusFocused the rounding at the corners of the filled area can be specified.

property int32 ThumbCornerRadiusActive = 0;

The property 'ThumbCornerRadiusActive' controls the rounding at corners of a filled rectangle, border and shadow belonging to the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). Normally, the thumb has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'active'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the thumb. The size of the thumb is determined by the property ThumbSizeActive.

property int32 ThumbCornerRadiusDefault = 0;

The property 'ThumbCornerRadiusDefault' controls the rounding at corners of a filled rectangle, border and shadow belonging to the thumb when the slider is in the 'default' state. Normally, the thumb has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'default'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the thumb. The size of the thumb is determined by the property ThumbSizeDefault:

property int32 ThumbCornerRadiusDisabled = 0;

The property 'ThumbCornerRadiusDisabled' controls the rounding at corners of a filled rectangle, border and shadow belonging to the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). Normally, the thumb has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'disabled'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the thumb. The size of the thumb is determined by the property ThumbSizeDisabled.

property int32 ThumbCornerRadiusFocused = 0;

The property 'ThumbCornerRadiusFocused' controls the rounding at corners of a filled rectangle, border and shadow belonging to the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). Normally, the thumb has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'focused'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the thumb. The size of the thumb is determined by the property ThumbSizeFocused.

property int32 ThumbFrameActive = -1;

The property 'ThumbFrameActive' determines the frame number within the bitmap ThumbBitmapActive. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the ThumbBitmapActive bitmap is animated, the animation is automatically started as soon as the slider enters the 'active' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 ThumbFrameDefault = -1;

The property 'ThumbFrameDefault' determines the frame number within the bitmap ThumbBitmapDefault. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the ThumbBitmapDefault bitmap is animated, the animation is automatically started as soon as the slider enters the 'default' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 ThumbFrameDisabled = -1;

The property 'ThumbFrameDisabled' determines the frame number within the bitmap ThumbBitmapDisabled. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the ThumbBitmapDisabled bitmap is animated, the animation is automatically started as soon as the slider enters the 'disabled' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 ThumbFrameFocused = -1;

The property 'ThumbFrameFocused' determines the frame number within the bitmap ThumbBitmapFocused. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the ThumbBitmapFocused bitmap is animated, the animation is automatically started as soon as the slider enters the 'focused' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 ThumbMarginBottom = 0;

The property 'ThumbMarginBottom' determines an additional gap in pixel between the bottom edge of the slider at the lowermost position for the thumb (composed of a filled rectangle, border, shadow and an image view). The thumb can't be moved beyond this position.

property int32 ThumbMarginTop = 0;

The property 'ThumbMarginTop' determines an additional gap in pixel between the topmost position for the thumb (composed of a filled rectangle, border, shadow and an image view) and the top edge of the slider. The thumb can't be moved beyond this position.

property point ThumbOffsetActive = <0,0>;

The property 'ThumbOffsetActive' determines an additional displacement in pixel for the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The thumb, composed of a filled rectangle, border, shadow and an image is displayed horizontally centered at the actual thumb position. The value specified in the property ThumbOffsetActive is used to move the thumb accordingly.

Besides the possibility to adjust the position, also the size of the filled rectangle, border and shadow belonging to the thumb can be modified by using the associated property ThumbSizeActive. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property point ThumbOffsetDefault = <0,0>;

The property 'ThumbOffsetDefault' determines an additional displacement in pixel for the thumb when the slider is in the 'default' state. The thumb, composed of a filled rectangle, border, shadow and an image is displayed horizontally centered at the actual thumb position. The value specified in the property ThumbOffsetDefault is used to move the thumb accordingly.

Besides the possibility to adjust the position, also the size of the filled rectangle, border and shadow belonging to the thumb can be modified by using the associated property ThumbSizeDefault. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property point ThumbOffsetDisabled = <0,0>;

The property 'ThumbOffsetDisabled' determines an additional displacement in pixel for the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The thumb, composed of a filled rectangle, border, shadow and an image is displayed horizontally centered at the actual thumb position. The value specified in the property ThumbOffsetDisabled is used to move the thumb accordingly.

Besides the possibility to adjust the position, also the size of the filled rectangle, border and shadow belonging to the thumb can be modified by using the associated property ThumbSizeDisabled. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property point ThumbOffsetFocused = <0,0>;

The property 'ThumbOffsetFocused' determines an additional displacement in pixel for the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). The thumb, composed of a filled rectangle, border, shadow and an image is displayed horizontally centered at the actual thumb position. The value specified in the property ThumbOffsetFocused is used to move the thumb accordingly.

Besides the possibility to adjust the position, also the size of the filled rectangle, border and shadow belonging to the thumb can be modified by using the associated property ThumbSizeFocused. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property int32 ThumbShadowBlurRadiusActive = 0;

The property 'ThumbShadowBlurRadiusActive' determines the blur radius of the shadow behind the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel and it is limitted to 64 pixel. To determine the color of the shadow use the property ThumbShadowColorActive.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeActive. With the property ThumbCornerRadiusActive the rounding at the corners of the shadow shape can be specified.

property int32 ThumbShadowBlurRadiusDefault = 0;

The property 'ThumbShadowBlurRadiusDefault' determines the blur radius of the shadow behind the thumb when the slider is in the 'default' state. The value is expressed in pixel and it is limitted to 64 pixel. To determine the color of the shadow use the property ThumbShadowColorDefault.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDefault. With the property ThumbCornerRadiusDefault the rounding at the corners of the shadow shape can be specified.

property int32 ThumbShadowBlurRadiusDisabled = 0;

The property 'ThumbShadowBlurRadiusDisabled' determines the blur radius of the shadow behind the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel and it is limitted to 64 pixel. To determine the color of the shadow use the property ThumbShadowColorDisabled.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDisabled. With the property ThumbCornerRadiusDisabled the rounding at the corners of the shadow shape can be specified.

property int32 ThumbShadowBlurRadiusFocused = 0;

The property 'ThumbShadowBlurRadiusFocused' determines the blur radius of the shadow behind the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel and it is limitted to 64 pixel. To determine the color of the shadow use the property ThumbShadowColorFocused.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeFocused. With the property ThumbCornerRadiusFocused the rounding at the corners of the shadow shape can be specified.

property color ThumbShadowColorActive = #00000000;

The property 'ThumbShadowColorActive' determines the color of the shadow behind the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on).

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeActive. With the property ThumbCornerRadiusActive the rounding at the corners of the shadow shape can be specified.

property color ThumbShadowColorDefault = #00000000;

The property 'ThumbShadowColorDefault' determines the color of the shadow behind the thumb when the slider is in the 'default' state.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDefault. With the property ThumbCornerRadiusDefault the rounding at the corners of the shadow shape can be specified.

property color ThumbShadowColorDisabled = #00000000;

The property 'ThumbShadowColorDisabled' determines the color of the shadow behind the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false').

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDisabled. With the property ThumbCornerRadiusDisabled the rounding at the corners of the shadow shape can be specified.

property color ThumbShadowColorFocused = #00000000;

The property 'ThumbShadowColorFocused' determines the color of the shadow behind the thumb when the slider is in the 'focused' state (the slider can react to keyboard events).

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeFocused. With the property ThumbCornerRadiusFocused the rounding at the corners of the shadow shape can be specified.

property point ThumbShadowOffsetActive = <0,0>;

The property 'ThumbShadowOffsetActive' determines the displacement of the shadow behind the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel. To determine the color of the shadow use the property ThumbShadowColorActive.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeActive. With the property ThumbCornerRadiusActive the rounding at the corners of the shadow shape can be specified.

property point ThumbShadowOffsetDefault = <0,0>;

The property 'ThumbShadowOffsetDefault' determines the displacement of the shadow behind the thumb when the slider is in the 'default' state. The value is expressed in pixel. To determine the color of the shadow use the property ThumbShadowColorDefault.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDefault. With the property ThumbCornerRadiusDefault the rounding at the corners of the shadow shape can be specified.

property point ThumbShadowOffsetDisabled = <0,0>;

The property 'ThumbShadowOffsetDisabled' determines the displacement of the shadow behind the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. To determine the color of the shadow use the property ThumbShadowColorDisabled.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDisabled. With the property ThumbCornerRadiusDisabled the rounding at the corners of the shadow shape can be specified.

property point ThumbShadowOffsetFocused = <0,0>;

The property 'ThumbShadowOffsetFocused' determines the displacement of the shadow behind the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. To determine the color of the shadow use the property ThumbShadowColorFocused.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeFocused. With the property ThumbCornerRadiusFocused the rounding at the corners of the shadow shape can be specified.

property point ThumbSizeActive = <0,0>;

The property 'ThumbSizeActive' determines the size of the filled rectangle, border and shadow belonging to the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). Please note, if the thumb is configured to display an image, the value specified in this property has no effect on the size of the image. The size of the image is imposed by the associated bitmap only (property ThumbBitmapActive).

Besides the possibility to adjust the size, also the position of the thumb can be modified by using the associated property ThumbOffsetActive. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property point ThumbSizeDefault = <0,0>;

The property 'ThumbSizeDefault' determines the size of the filled rectangle, border and shadow belonging to the thumb when the slider is in the 'default' state. The value is expressed in pixel. Please note, if the thumb is configured to display an image, the value specified in this property has no effect on the size of the image. The size of the image is imposed by the associated bitmap only (property ThumbBitmapDefault).

Besides the possibility to adjust the size, also the position of the thumb can be modified by using the associated property ThumbOffsetDefault. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property point ThumbSizeDisabled = <0,0>;

The property 'ThumbSizeDisabled' determines the size of the filled rectangle, border and shadow belonging to the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. Please note, if the thumb is configured to display an image, the value specified in this property has no effect on the size of the image. The size of the image is imposed by the associated bitmap only (property ThumbBitmapDisabled).

Besides the possibility to adjust the size, also the position of the thumb can be modified by using the associated property ThumbOffsetDisabled. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property point ThumbSizeFocused = <0,0>;

The property 'ThumbSizeFocused' determines the size of the filled rectangle, border and shadow belonging to the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. Please note, if the thumb is configured to display an image, the value specified in this property has no effect on the size of the image. The size of the image is imposed by the associated bitmap only (property ThumbBitmapFocused).

Besides the possibility to adjust the size, also the position of the thumb can be modified by using the associated property ThumbOffsetFocused. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property int32 ThumbStackingPriority = 4;

The property 'ThumbStackingPriority' determines the Z-order position of the views destined to display the thumb (rectangle, border and shadow). Per default all thumb views are arranged in front of the views belonging to the lower and upper tracks. By configuring this property the arrangement of the views within the widget can be changed whereby views with larger priority will be arranged in front of views with lower priority. For example, to place the thumb views in background of the slider, configure the property with a smaller value.

property color ThumbTintActive = #FFFFFFFF;

The property 'ThumbTintActive' determines the color value to tint or modulate the bitmap specified in the property ThumbBitmapActive. The effect of this color value depends on the type of the bitmap:

property color ThumbTintDefault = #FFFFFFFF;

The property 'ThumbTintDefault' determines the color value to tint or modulate the bitmap specified in the property ThumbBitmapDefault. The effect of this color value depends on the type of the bitmap:

property color ThumbTintDisabled = #FFFFFFFF;

The property 'ThumbTintDisabled' determines the color value to tint or modulate the bitmap specified in the property ThumbBitmapDisabled. The effect of this color value depends on the type of the bitmap:

property color ThumbTintFocused = #FFFFFFFF;

The property 'ThumbTintFocused' determines the color value to tint or modulate the bitmap specified in the property ThumbBitmapFocused. The effect of this color value depends on the type of the bitmap:

property bool ThumbUpdateAtTouch = false;

The property 'ThumbUpdateAtTouch' determines the behaviour of the slider when the user touches above or below the thumb. If this property is 'true', the slider will as first move the thumb to the just touched position. If this property is 'false', no adjust operation is performed. The thumb's position remains unchanged.

property Resources::Bitmap TrackAboveBitmapActive = null;

The property 'TrackAboveBitmapActive' determines the bitmap to fill the area above the slider thumb. This bitmap is used when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on).

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackAboveFrameActive. If the selected bitmap is intended to be animated, ensure that the property TrackAboveFrameActive is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackAboveTintActive. With the property TrackAboveTintActive you can also modulate the opacity of a regular bitmap.

The bitmap is arranged horizontally centered with optional displacement specified in the property TrackAboveOffsetActive. In the height the bitmap fills the area between the actual thumb position and the top edge of the slider. The distance to the bottom and top track edges can optionally be adjusted by using the property TrackAboveMarginBottom and TrackAboveMarginTop. With the property TrackAboveWithEdge you can control, whether the bitmap at its bottom end (at the actual thumb position) should appear truncated or complete.

property Resources::Bitmap TrackAboveBitmapDefault = null;

The property 'TrackAboveBitmapDefault' determines the bitmap to fill the area above the slider thumb. This bitmap is used when the slider is in the 'default' state.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackAboveFrameDefault. If the selected bitmap is intended to be animated, ensure that the property TrackAboveFrameDefault is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackAboveTintDefault. With the property TrackAboveTintDefault you can also modulate the opacity of a regular bitmap.

The bitmap is arranged horizontally centered with optional displacement specified in the property TrackAboveOffsetDefault. In the height the bitmap fills the area between the actual thumb position and the top edge of the slider. The distance to the bottom and top track edges can optionally be adjusted by using the property TrackAboveMarginBottom and TrackAboveMarginTop. With the property TrackAboveWithEdge you can control, whether the bitmap at its bottom end (at the actual thumb position) should appear truncated or complete.

property Resources::Bitmap TrackAboveBitmapDisabled = null;

The property 'TrackAboveBitmapDisabled' determines the bitmap to fill the area above the slider thumb. This bitmap is used when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false').

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackAboveFrameDisabled. If the selected bitmap is intended to be animated, ensure that the property TrackAboveFrameDisabled is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackAboveTintDisabled. With the property TrackAboveTintDisabled you can also modulate the opacity of a regular bitmap.

The bitmap is arranged horizontally centered with optional displacement specified in the property TrackAboveOffsetDisabled. In the height the bitmap fills the area between the actual thumb position and the top edge of the slider. The distance to the bottom and top track edges can optionally be adjusted by using the property TrackAboveMarginBottom and TrackAboveMarginTop. With the property TrackAboveWithEdge you can control, whether the bitmap at its bottom end (at the actual thumb position) should appear truncated or complete.

property Resources::Bitmap TrackAboveBitmapFocused = null;

The property 'TrackAboveBitmapFocused' determines the bitmap to fill the area above the slider thumb. This bitmap is used when the slider is in the 'focused' state (the slider can react to keyboard events).

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackAboveFrameFocused. If the selected bitmap is intended to be animated, ensure that the property TrackAboveFrameFocused is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackAboveTintFocused. With the property TrackAboveTintFocused you can also modulate the opacity of a regular bitmap.

The bitmap is arranged horizontally centered with optional displacement specified in the property TrackAboveOffsetFocused. In the height the bitmap fills the area between the actual thumb position and the top edge of the slider. The distance to the bottom and top track edges can optionally be adjusted by using the property TrackAboveMarginBottom and TrackAboveMarginTop. With the property TrackAboveWithEdge you can control, whether the bitmap at its bottom end (at the actual thumb position) should appear truncated or complete.

property color TrackAboveBorderColorActive = #00000000;

The property 'TrackAboveBorderColorActive' determines the color of the border surrounding the upper track when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). To determine the thickness of the border use the propesrty TrackAboveBorderWidthActive.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackAboveThicknessActive. With the property TrackAboveCornerRadiusActive the rounding at the corners of the border can be specified.

property color TrackAboveBorderColorDefault = #00000000;

The property 'TrackAboveBorderColorDefault' determines the color of the border surrounding the upper track when the slider is in the 'default' state. To determine the thickness of the border use the property TrackAboveBorderWidthDefault.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackAboveThicknessDefault. With the property TrackAboveCornerRadiusDefault the rounding at the corners of the border can be specified.

property color TrackAboveBorderColorDisabled = #00000000;

The property 'TrackAboveBorderColorDisabled' determines the color of the border surrounding the upper track when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). To determine the thickness of the border use the property TrackAboveBorderWidthDisabled.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackAboveThicknessDisabled. With the property TrackAboveCornerRadiusDisabled the rounding at the corners of the border can be specified.

property color TrackAboveBorderColorFocused = #00000000;

The property 'TrackAboveBorderColorFocused' determines the color of the border surrounding the upper track when the slider is in the 'focused' state (the slider can react to keyboard events). To determine the thickness of the border use the property TrackAboveBorderWidthFocused.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackAboveThicknessFocused. With the property TrackAboveCornerRadiusFocused the rounding at the corners of the border can be specified.

property int32 TrackAboveBorderWidthActive = 0;

The property 'TrackAboveBorderWidthActive' determines the thickness of the border surrounding the upper track when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel. To determine the color of the border use the property TrackAboveBorderColorActive.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackAboveThicknessActive. With the property TrackAboveCornerRadiusActive the rounding at the corners of the border can be specified.

property int32 TrackAboveBorderWidthDefault = 0;

The property 'TrackAboveBorderWidthDefault' determines the thickness of the border surrounding the upper track when the slider is in the 'default' state. The value is expressed in pixel. To determine the color of the border use the property TrackAboveBorderColorDefault.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackAboveThicknessDefault. With the property TrackAboveCornerRadiusDefault the rounding at the corners of the border can be specified.

property int32 TrackAboveBorderWidthDisabled = 0;

The property 'TrackAboveBorderWidthDisabled' determines the thickness of the border surrounding the upper track when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. To determine the color of the border use the property TrackAboveBorderColorDisabled.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackAboveThicknessDisabled. With the property TrackAboveCornerRadiusDisabled the rounding at the corners of the border can be specified.

property int32 TrackAboveBorderWidthFocused = 0;

The property 'TrackAboveBorderWidthFocused' determines the thickness of the border surrounding the upper track when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. To determine the color of the border use the property TrackAboveBorderColorFocused.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackAboveThicknessFocused. With the property TrackAboveCornerRadiusFocused the rounding at the corners of the border can be specified.

property color TrackAboveColorActive = #00000000;

The property 'TrackAboveColorActive' determines the color to fill the background of the upper track when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). In order to be visible, a valid width for the track has to be configured in the property TrackAboveThicknessActive. With the property TrackAboveCornerRadiusActive the rounding at the corners of the filled area can be specified.

property color TrackAboveColorDefault = #00000000;

The property 'TrackAboveColorDefault' determines the color to fill the background of the upper track when the slider is in the 'default' state. In order to be visible, a valid width for the track has to be configured in the property TrackAboveThicknessDefault. With the property TrackAboveCornerRadiusDefault the rounding at the corners of the filled area can be specified.

property color TrackAboveColorDisabled = #00000000;

The property 'TrackAboveColorDisabled' determines the color to fill the background of the upper track when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). In order to be visible, a valid width for the track has to be configured in the property TrackAboveThicknessDisabled. With the property TrackAboveCornerRadiusDisabled the rounding at the corners of the filled area can be specified.

property color TrackAboveColorFocused = #00000000;

The property 'TrackAboveColorFocused' determines the color to fill the background of the upper track when the slider is in the 'focused' state (the slider can react to keyboard events). In order to be visible, a valid width for the track has to be configured in the property TrackAboveThicknessFocused. With the property TrackAboveCornerRadiusFocused the rounding at the corners of the filled area can be specified.

property int32 TrackAboveCornerRadiusActive = 0;

The property 'TrackAboveCornerRadiusActive' determines the rounding at corners of a filled rectangle and border belonging to the upper track. Normally, the upper track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the width of the track according to the value specified in the property TrackAboveThicknessActive. Furthermore, with the property TrackAboveFlattened the track edge at the current thumb position can be flattened.

property int32 TrackAboveCornerRadiusDefault = 0;

The property 'TrackAboveCornerRadiusDefault' determines the rounding at corners of a filled rectangle and border belonging to the upper track. Normally, the upper track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the width of the track according to the value specified in the property TrackAboveThicknessDefault. Furthermore, with the property TrackAboveFlattened the track edge at the current thumb position can be flattened.

property int32 TrackAboveCornerRadiusDisabled = 0;

The property 'TrackAboveCornerRadiusDisabled' determines the rounding at corners of a filled rectangle and border belonging to the upper track. Normally, the upper track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the width of the track according to the value specified in the property TrackAboveThicknessDisabled. Furthermore, with the property TrackAboveFlattened the track edge at the current thumb position can be flattened.

property int32 TrackAboveCornerRadiusFocused = 0;

The property 'TrackAboveCornerRadiusFocused' determines the rounding at corners of a filled rectangle and border belonging to the upper track. Normally, the upper track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the width of the track according to the value specified in the property TrackAboveThicknessFocused. Furthermore, with the property TrackAboveFlattened the track edge at the current thumb position can be flattened.

property bool TrackAboveFlattened = false;

The property 'TrackAboveFlattened' controls the appearance of the upper track at its edge corresponding to the actual thumb position. Per default the corners at the edge are rounded according to the value specified in the properties TrackAboveCornerRadiusActive, TrackAboveCornerRadiusDefault, TrackAboveCornerRadiusDisabled, TrackAboveCornerRadiusFocused. By configuring the property TrackAboveFlattened with the value 'true', the corner rounding occurs only when the track has assumed its bottommost position. As long as the track is smaller, the edge at the actual thumb position is clipped (it appears flattened). The bottommost position for the track is configured by the property TrackAboveMarginBottom.

property int32 TrackAboveFrameActive = -1;

The property 'TrackAboveFrameActive' determines the frame number within the bitmap TrackAboveBitmapActive. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackAboveBitmapActive bitmap is animated, the animation is automatically started as soon as the slider enters the 'active' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackAboveFrameDefault = -1;

The property 'TrackAboveFrameDefault' determines the frame number within the bitmap TrackAboveBitmapDefault. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackAboveBitmapDefault bitmap is animated, the animation is automatically started as soon as the slider enters the 'default' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackAboveFrameDisabled = -1;

The property 'TrackAboveFrameDisabled' determines the frame number within the bitmap TrackAboveBitmapDisabled. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackAboveBitmapDisabled bitmap is animated, the animation is automatically started as soon as the sliders enters the 'disabled' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackAboveFrameFocused = -1;

The property 'TrackAboveFrameFocused' determines the frame number within the bitmap TrackAboveBitmapFocused. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackAboveBitmapFocused bitmap is animated, the animation is automatically started as soon as the slider enters the 'focused' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackAboveMarginBottom = 0;

The property 'TrackAboveMarginBottom' determines an additional gap in pixel between the bottom edge of the slider and the bottom end of the area destined to display views belonging to the upper track (filled rectangle, border and image).

The bottom end of the track area corresponds to the actual thumb position. When the thumb is moved, the size of the track is adjusted accordingly. By using this property, the bottommost position can be limited to not exceed the predetermined margin. To adjust the topmost position of the track, use the property TrackAboveMarginTop. To adjust the horizontal position of the upper track use the properties TrackAboveOffsetActive, TrackAboveOffsetDefault, TrackAboveOffsetDisabled, TrackAboveOffsetFocused.

property int32 TrackAboveMarginTop = 0;

The property 'TrackAboveMarginTop' determines an additional gap in pixel between the top edge of the slider and the area destined to display views belonging to the upper track (filled rectangle, border and image). If this property is 0 (zero), the upper track is directly aligned at the top edge of the slider. To adjust the horizontal position of the upper track use the properties TrackAboveOffsetActive, TrackAboveOffsetDefault, TrackAboveOffsetDisabled, TrackAboveOffsetFocused.

property int32 TrackAboveOffsetActive = 0;

The property 'TrackAboveOffsetActive' determines an additional horizontal displacement in pixel for the area destined to display views belonging to the upper track (filled rectangle, border and image). Per default, the upper track is horizontally centered within the slider. By configuring this property, the horizontal position of the track can be adjusted. To adjust the vertical position of the upper track use the property TrackAboveMarginTop.

property int32 TrackAboveOffsetDefault = 0;

The property 'TrackAboveOffsetDefault' determines an additional horizontal displacement in pixel for the area destined to display views belonging to the upper track (filled rectangle, border and image). Per default, the upper track is horizontally centered within the slider. By configuring this property, the horizontal position of the track can be adjusted. To adjust the vertical position of the upper track use the property TrackAboveMarginTop.

property int32 TrackAboveOffsetDisabled = 0;

The property 'TrackAboveOffsetDisabled' determines an additional horizontal displacement in pixel for the area destined to display views belonging to the upper track (filled rectangle, border and image). Per default, the upper track is horizontally centered within the slider. By configuring this property, the horizontal position of the track can be adjusted. To adjust the vertical position of the upper track use the property TrackAboveMarginTop.

property int32 TrackAboveOffsetFocused = 0;

The property 'TrackAboveOffsetFocused' determines an additional horizontal displacement in pixel for the area destined to display views belonging to the upper track (filled rectangle, border and image). Per default, the upper track is horizontally centered within the slider. By configuring this property, the horizontal position of the track can be adjusted. To adjust the vertical position of the upper track use the property TrackAboveMarginTop.

property int32 TrackAboveStackingPriority = 2;

The property 'TrackAboveStackingPriority' determines the Z-order position of the views destined to display the upper track (rectangle, border and image). Per default all upper track views are arranged in front of the face view just behind the lower track. By configuring this property the arrangement of the views within the widget can be changed whereby views with larger priority will be arranged in front of views with lower priority. For example, to place the upper track views in front of the lower track, configure the property with a larger value.

property bool TrackAboveStatic = false;

The property 'TrackAboveStatic' controls the size calculation of the area destined to display views belonging to the upper track (filled rectangle, border and image). If this property is 'false', the upper track fills automatically the area between the actual position of the thumb and the top edge of the slider. When the thumb is moved, the position and the size of the track are adjusted accordingly.

By initializing this property with the value 'true', the track assumes its maximum possible size filling the entire area between the top and bottom edges of the slider. Now, the size of the track does not correspond anymore to the position of the thumb. The track has a static size.

Please note, that the area destined for the upper track can additionally be limited by the properties TrackAboveMarginBottom and TrackAboveMarginTop.

property int32 TrackAboveThicknessActive = 0;

The property 'TrackAboveThicknessActive' determines the width in pixel of a filled rectangle and border belonging to the upper track. The color of the rectangle has to be configured by properties TrackAboveColorActive, TrackAboveColorDefault, TrackAboveColorDisabled and TrackAboveColorFocused. The thickness and the color of the border are configured by the properties TrackAboveBorderWidthActive, TrackAboveBorderWidthDefault, TrackAboveBorderWidthDisabled, TrackAboveBorderWidthFocused and TrackAboveBorderColorActive, TrackAboveBorderColorDefault, TrackAboveBorderColorDisabled, TrackAboveBorderColorFocused.

Please note, this property does not affect how bitmaps specified in the properties TrackAboveBitmapActive, TrackAboveBitmapDefault, TrackAboveBitmapDisabled and TrackAboveBitmapFocused are displayed. The width of the bitmap is determined exclusively by the bitmap itself.

property int32 TrackAboveThicknessDefault = 0;

The property 'TrackAboveThicknessDefault' determines the width in pixel of a filled rectangle and border belonging to the upper track. The color of the rectangle has to be configured by properties TrackAboveColorActive, TrackAboveColorDefault, TrackAboveColorDisabled and TrackAboveColorFocused. The thickness and the color of the border are configured by the properties TrackAboveBorderWidthActive, TrackAboveBorderWidthDefault, TrackAboveBorderWidthDisabled, TrackAboveBorderWidthFocused and TrackAboveBorderColorActive, TrackAboveBorderColorDefault, TrackAboveBorderColorDisabled, TrackAboveBorderColorFocused.

Please note, this property does not affect how bitmaps specified in the properties TrackAboveBitmapActive, TrackAboveBitmapDefault, TrackAboveBitmapDisabled and TrackAboveBitmapFocused are displayed. The width of the bitmap is determined exclusively by the bitmap itself.

property int32 TrackAboveThicknessDisabled = 0;

The property 'TrackAboveThicknessDisabled' determines the width in pixel of a filled rectangle and border belonging to the upper track. The color of the rectangle has to be configured by properties TrackAboveColorActive, TrackAboveColorDefault, TrackAboveColorDisabled and TrackAboveColorFocused. The thickness and the color of the border are configured by the properties TrackAboveBorderWidthActive, TrackAboveBorderWidthDefault, TrackAboveBorderWidthDisabled, TrackAboveBorderWidthFocused and TrackAboveBorderColorActive, TrackAboveBorderColorDefault, TrackAboveBorderColorDisabled, TrackAboveBorderColorFocused.

Please note, this property does not affect how bitmaps specified in the properties TrackAboveBitmapActive, TrackAboveBitmapDefault, TrackAboveBitmapDisabled and TrackAboveBitmapFocused are displayed. The width of the bitmap is determined exclusively by the bitmap itself.

property int32 TrackAboveThicknessFocused = 0;

The property 'TrackAboveThicknessFocused' determines the width in pixel of a filled rectangle and border belonging to the upper track. The color of the rectangle has to be configured by properties TrackAboveColorActive, TrackAboveColorDefault, TrackAboveColorDisabled and TrackAboveColorFocused. The thickness and the color of the border are configured by the properties TrackAboveBorderWidthActive, TrackAboveBorderWidthDefault, TrackAboveBorderWidthDisabled, TrackAboveBorderWidthFocused and TrackAboveBorderColorActive, TrackAboveBorderColorDefault, TrackAboveBorderColorDisabled, TrackAboveBorderColorFocused.

Please note, this property does not affect how bitmaps specified in the properties TrackAboveBitmapActive, TrackAboveBitmapDefault, TrackAboveBitmapDisabled and TrackAboveBitmapFocused are displayed. The width of the bitmap is determined exclusively by the bitmap itself.

property color TrackAboveTintActive = #FFFFFFFF;

The property 'TrackAboveTintActive' determines the color value to tint or modulate the bitmap specified in the property TrackAboveBitmapActive. The effect of this color value depends on the type of the bitmap:

property color TrackAboveTintDefault = #FFFFFFFF;

The property 'TrackAboveTintDefault' determines the color value to tint or modulate the bitmap specified in the property TrackAboveBitmapDefault. The effect of this color value depends on the type of the bitmap:

property color TrackAboveTintDisabled = #FFFFFFFF;

The property 'TrackAboveTintDisabled' determines the color value to tint or modulate the bitmap specified in the property TrackAboveBitmapDisabled. The effect of this color value depends on the type of the bitmap:

property color TrackAboveTintFocused = #FFFFFFFF;

The property 'TrackAboveTintFocused' determines the color value to tint or modulate the bitmap specified in the property TrackAboveBitmapFocused. The effect of this color value depends on the type of the bitmap:

property bool TrackAboveWithEdge = false;

The property 'TrackAboveWithEdge' controls the appearance of the track bitmap (TrackAboveBitmapActive, TrackAboveBitmapDefault, TrackAboveBitmapDisabled or TrackAboveBitmapFocused). If this property is 'true', the slider displays the bitmap completely with all its edges. If this property is 'false', the bottom edge of the bitmap is truncated.

property Resources::Bitmap TrackBelowBitmapActive = null;

The property 'TrackBelowBitmapActive' determines the bitmap to fill the area below the slider thumb. This bitmap is used when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on).

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackBelowFrameActive. If the selected bitmap is intended to be animated, ensure that the property TrackBelowFrameActive is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackBelowTintActive. With the property TrackBelowTintActive you can also modulate the opacity of a regular bitmap.

The bitmap is arranged horizontally centered with optional displacement specified in the property TrackBelowOffsetActive. In the height the bitmap fills the area between the top edge of the slider and the actual thumb position. The distance to the bottom and top track edges can optionally be adjusted by using the properties TrackBelowMarginBottom and TrackBelowMarginTop. With the property TrackBelowWithEdge you can control, whether the bitmap at its top end (at the actual thumb position) should appear truncated or complete.

property Resources::Bitmap TrackBelowBitmapDefault = null;

The property 'TrackBelowBitmapDefault' determines the bitmap to fill the area below the slider thumb. This bitmap is used when the slider is in the 'default' state.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackBelowFrameDefault. If the selected bitmap is intended to be animated, ensure that the property TrackBelowFrameDefault is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackBelowTintDefault. With the property TrackBelowTintDefault you can also modulate the opacity of a regular bitmap.

The bitmap is arranged horizontally centered with optional displacement specified in the property TrackBelowOffsetDefault. In the height the bitmap fills the area between the bottom edge of the slider and the actual thumb position. The distance to the bottom and top track edges can optionally be adjusted by using the properties TrackBelowMarginBottom and TrackBelowMarginTop. With the property TrackBelowWithEdge you can control, whether the bitmap at its top end (at the actual thumb position) should appear truncated or complete.

property Resources::Bitmap TrackBelowBitmapDisabled = null;

The property 'TrackBelowBitmapDisabled' determines the bitmap to fill the area below the slider thumb. This bitmap is used when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false').

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackBelowFrameDisabled. If the selected bitmap is intended to be animated, ensure that the property TrackBelowFrameDisabled is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackBelowTintDisabled. With the property TrackBelowTintDisabled you can also modulate the opacity of a regular bitmap.

The bitmap is arranged horizontally centered with optional displacement specified in the property TrackBelowOffsetDisabled. In the height the bitmap fills the area between the bottom edge of the slider and the actual thumb position. The distance to the bottom and top track edges can optionally be adjusted by using the properties TrackBelowMarginBottom and TrackBelowMarginTop. With the property TrackBelowWithEdge you can control, whether the bitmap at its top end (at the actual thumb position) should appear truncated or complete.

property Resources::Bitmap TrackBelowBitmapFocused = null;

The property 'TrackBelowBitmapFocused' determines the bitmap to fill the area below the slider thumb. This bitmap is used when the slider is in the 'focused' state (the slider can react to keyboard events).

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackBelowFrameFocused. If the selected bitmap is intended to be animated, ensure that the property TrackBelowFrameFocused is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackBelowTintFocused. With the property TrackBelowTintFocused you can also modulate the opacity of a regular bitmap.

The bitmap is arranged horizontally centered with optional displacement specified in the property TrackBelowOffsetFocused. In the height the bitmap fills the area between the bottom edge of the slider and the actual thumb position. The distance to the bottom and top track edges can optionally be adjusted by using the properties TrackBelowMarginBottom and TrackBelowMarginTop. With the property TrackBelowWithEdge you can control, whether the bitmap at its top end (at the actual thumb position) should appear truncated or complete.

property color TrackBelowBorderColorActive = #00000000;

The property 'TrackBelowBorderColorActive' determines the color of the border surrounding the lower track when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). To determine the thickness of the border use the property TrackBelowBorderWidthActive.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackBelowThicknessActive. With the property TrackBelowCornerRadiusActive the rounding at the corners of the border can be specified.

property color TrackBelowBorderColorDefault = #00000000;

The property 'TrackBelowBorderColorDefault' determines the color of the border surrounding the lower track when the slider is in the 'default' state. To determine the thickness of the border use the property TrackBelowBorderWidthDefault.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackBelowThicknessDefault. With the property TrackBelowCornerRadiusDefault the rounding at the corners of the border can be specified.

property color TrackBelowBorderColorDisabled = #00000000;

The property 'TrackBelowBorderColorDisabled' determines the color of the border surrounding the lower track when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). To determine the thickness of the border use the property TrackBelowBorderWidthDisabled.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackBelowThicknessDisabled. With the property TrackBelowCornerRadiusDisabled the rounding at the corners of the border can be specified.

property color TrackBelowBorderColorFocused = #00000000;

The property 'TrackBelowBorderColorFocused' determines the color of the border surrounding the lower track when the slider is in the 'focused' state (the slider can react to keyboard events). To determine the thickness of the border use the property TrackBelowBorderWidthFocused.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackBelowThicknessFocused. With the property TrackBelowCornerRadiusFocused the rounding at the corners of the border can be specified.

property int32 TrackBelowBorderWidthActive = 0;

The property 'TrackBelowBorderWidthActive' determines the thickness of the border surrounding the lower track when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel. To determine the color of the border use the property TrackBelowBorderColorActive.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackBelowThicknessActive. With the property TrackBelowCornerRadiusActive the rounding at the corners of the border can be specified.

property int32 TrackBelowBorderWidthDefault = 0;

The property 'TrackBelowBorderWidthDefault' determines the thickness of the border surrounding the lower track when the slider is in the 'default' state. The value is expressed in pixel. To determine the color of the border use the property TrackBelowBorderColorDefault.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackBelowThicknessDefault. With the property TrackBelowCornerRadiusDefault the rounding at the corners of the border can be specified.

property int32 TrackBelowBorderWidthDisabled = 0;

The property 'TrackBelowBorderWidthDisabled' determines the thickness of the border surrounding the lower track when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. To determine the color of the border use the property TrackBelowBorderColorDisabled.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackBelowThicknessDisabled. With the property TrackBelowCornerRadiusDisabled the rounding at the corners of the border can be specified.

property int32 TrackBelowBorderWidthFocused = 0;

The property 'TrackBelowBorderWidthFocused' determines the thickness of the border surrounding the lower track when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. To determine the color of the border use the property TrackBelowBorderColorFocused.

Please note, in order to be visible, a valid width for the track has to be configured in the property TrackBelowThicknessFocused. With the property TrackBelowCornerRadiusFocused the rounding at the corners of the border can be specified.

property color TrackBelowColorActive = #00000000;

The property 'TrackBelowColorActive' determines the color to fill the background of the lower track when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). In order to be visible, a valid width for the track has to be configured in the property TrackBelowThicknessActive. With the property TrackBelowCornerRadiusActive the rounding at the corners of the filled area can be specified.

property color TrackBelowColorDefault = #00000000;

The property 'TrackBelowColorDefault' determines the color to fill the background of the lower track when the slider is in the 'default' state. In order to be visible, a valid width for the track has to be configured in the property TrackBelowThicknessDefault. With the property TrackBelowCornerRadiusDefault the rounding at the corners of the filled area can be specified.

property color TrackBelowColorDisabled = #00000000;

The property 'TrackBelowColorDisabled' determines the color to fill the background of the lower track when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). In order to be visible, a valid width for the track has to be configured in the property TrackBelowThicknessDisabled. With the property TrackBelowCornerRadiusDisabled the rounding at the corners of the filled area can be specified.

property color TrackBelowColorFocused = #00000000;

The property 'TrackBelowColorFocused' determines the color to fill the background of the lower track when the slider is in the 'focused' state (the slider can react to keyboard events). In order to be visible, a valid width for the track has to be configured in the property TrackBelowThicknessFocused. With the property TrackBelowCornerRadiusFocused the rounding at the corners of the filled area can be specified.

property int32 TrackBelowCornerRadiusActive = 0;

The property 'TrackBelowCornerRadiusActive' determines the rounding at corners of a filled rectangle and border belonging to the lower track. Normally, the lower track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the width of the track according to the value specified in the property TrackBelowThicknessActive. Furthermore, with the property TrackBelowFlattened the track edge at the current thumb position can be flattened.

property int32 TrackBelowCornerRadiusDefault = 0;

The property 'TrackBelowCornerRadiusDefault' determines the rounding at corners of a filled rectangle and border belonging to the lower track. Normally, the lower track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the width of the track according to the value specified in the property TrackBelowThicknessDefault. Furthermore, with the property TrackBelowFlattened the track edge at the current thumb position can be flattened.

property int32 TrackBelowCornerRadiusDisabled = 0;

The property 'TrackBelowCornerRadiusDisabled' determines the rounding at corners of a filled rectangle and border belonging to the lower track. Normally, the lower track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the width of the track according to the value specified in the property TrackBelowThicknessDisabled. Furthermore, with the property TrackBelowFlattened the track edge at the current thumb position can be flattened.

property int32 TrackBelowCornerRadiusFocused = 0;

The property 'TrackBelowCornerRadiusFocused' determines the rounding at corners of a filled rectangle and border belonging to the lower track. Normally, the lower track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the width of the track according to the value specified in the property TrackBelowThicknessFocused. Furthermore, with the property TrackBelowFlattened the track edge at the current thumb position can be flattened.

property bool TrackBelowFlattened = false;

The property 'TrackBelowFlattened' controls the appearance of the lower track at its edge corresponding to the actual thumb position. Per default the corners at the edge are rounded according to the value specified in the properties TrackBelowCornerRadiusActive, TrackBelowCornerRadiusDefault, TrackBelowCornerRadiusDisabled, TrackBelowCornerRadiusFocused. By configuring the property TrackBelowFlattened with the value 'true', the corner rounding occurs only when the track has assumed its topmost position. As long as the track is smaller, the edge at the actual thumb position is clipped (it appears flattened). The topmost position for the track is configured by the property TrackBelowMarginTop.

property int32 TrackBelowFrameActive = -1;

The property 'TrackBelowFrameActive' determines the frame number within the bitmap TrackBelowBitmapActive. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackBelowBitmapActive bitmap is animated, the animation is automatically started as soon as the slider enters the 'active' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackBelowFrameDefault = -1;

The property 'TrackBelowFrameDefault' determines the frame number within the bitmap TrackBelowBitmapDefault. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackBelowBitmapDefault bitmap is animated, the animation is automatically started as soon as the slider enters the 'default' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackBelowFrameDisabled = -1;

The property 'TrackBelowFrameDisabled' determines the frame number within the bitmap TrackBelowBitmapDisabled. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackBelowBitmapDisabled bitmap is animated, the animation is automatically started as soon as the sliders enters the 'disabled' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackBelowFrameFocused = -1;

The property 'TrackBelowFrameFocused' determines the frame number within the bitmap TrackBelowBitmapFocused. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackBelowBitmapFocused bitmap is animated, the animation is automatically started as soon as the slider enters the 'focused' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackBelowMarginBottom = 0;

The property 'TrackBelowMarginBottom' determines an additional gap in pixel between the bottom edge of the slider and the area destined to display views belonging to the lower track (filled rectangle, border and image). If this property is 0 (zero), the lower track is directly aligned at the bottom edge of the slider. To adjust the horizontal position of the lower track use the properties TrackBelowOffsetActive, TrackBelowOffsetDefault, TrackBelowOffsetDisabled, TrackBelowOffsetFocused.

property int32 TrackBelowMarginTop = 0;

The property 'TrackBelowMarginTop' determines an additional gap in pixel between the top edge of the slider and the top end of the area destined to display views belonging to the lower track (filled rectangle, border and image).

The top end of the track area corresponds to the actual thumb position. When the thumb is moved, the size and position of the track are adjusted accordingly. By using this property, the topmost position can be limited to not exceed the predetermined margin. To adjust the bottommost position of the track, use the property TrackBelowMarginBottom. To adjust the horizontal position of the lower track use the properties TrackBelowOffsetActive, TrackBelowOffsetDefault, TrackBelowOffsetDisabled, TrackBelowOffsetFocused.

property int32 TrackBelowOffsetActive = 0;

The property 'TrackBelowOffsetActive' determines an additional horizontal displacement in pixel for the area destined to display views belonging to the lower track (filled rectangle, border and image). Per default, the lower track is horizontally centered within the slider. By configuring this property, the horizontal position of the track can be adjusted. To adjust the vertical position of the lower track use the property TrackBelowMarginBottom.

property int32 TrackBelowOffsetDefault = 0;

The property 'TrackBelowOffsetDefault' determines an additional horizontal displacement in pixel for the area destined to display views belonging to the lower track (filled rectangle, border and image). Per default, the lower track is horizontally centered within the slider. By configuring this property, the horizontal position of the track can be adjusted. To adjust the vertical position of the lower track use the property TrackBelowMarginBottom.

property int32 TrackBelowOffsetDisabled = 0;

The property 'TrackBelowOffsetDisabled' determines an additional horizontal displacement in pixel for the area destined to display views belonging to the lower track (filled rectangle, border and image). Per default, the lower track is horizontally centered within the slider. By configuring this property, the horizontal position of the track can be adjusted. To adjust the vertical position of the lower track use the property TrackBelowMarginBottom.

property int32 TrackBelowOffsetFocused = 0;

The property 'TrackBelowOffsetFocused' determines an additional horizontal displacement in pixel for the area destined to display views belonging to the lower track (filled rectangle, border and image). Per default, the lower track is horizontally centered within the slider. By configuring this property, the horizontal position of the track can be adjusted. To adjust the vertical position of the lower track use the property TrackBelowMarginBottom.

property int32 TrackBelowStackingPriority = 3;

The property 'TrackBelowStackingPriority' determines the Z-order position of the views destined to display the lower track (rectangle, border and image). Per default all lower track views are arranged in front of the face and upper track views. By configuring this property the arrangement of the views within the widget can be changed whereby views with larger priority will be arranged in front of views with lower priority. For example, to place the lower track views behind the upper track, configure the property with a smaller value.

property bool TrackBelowStatic = false;

The property 'TrackBelowStatic' controls the size calculation of the area destined to display views belonging to the lower track (filled rectangle, border and image). If this property is 'false', the lower track fills automatically the area between the bottom edge of the slider and the actual position of the thumb. When the thumb is moved, the size of the track is adjusted accordingly.

By initializing this property with the value 'true', the track assumes its maximum possible size filling the entire area between the top and bottom edges of the slider. Now, the size of the track does not correspond anymore to the position of the thumb. The track has a static size.

Please note, that the area destined for the lower track can additionally be limited by the properties TrackBelowMarginBottom and TrackBelowMarginTop.

property int32 TrackBelowThicknessActive = 0;

The property 'TrackBelowThicknessActive' determines the width in pixel of a filled rectangle and border belonging to the lower track. The color of the rectangle has to be configured by properties TrackBelowColorActive, TrackBelowColorDefault, TrackBelowColorDisabled and TrackBelowColorFocused. The thickness and the color of the border are configured by the properties TrackBelowBorderWidthActive, TrackBelowBorderWidthDefault, TrackBelowBorderWidthDisabled, TrackBelowBorderWidthFocused and TrackBelowBorderColorActive, TrackBelowBorderColorDefault, TrackBelowBorderColorDisabled, TrackBelowBorderColorFocused.

Please note, this property does not affect how bitmaps specified in the properties TrackBelowBitmapActive, TrackBelowBitmapDefault, TrackBelowBitmapDisabled and TrackBelowBitmapFocused are displayed. The width of the bitmap is determined exclusively by the bitmap itself.

property int32 TrackBelowThicknessDefault = 0;

The property 'TrackBelowThicknessDefault' determines the width in pixel of a filled rectangle and border belonging to the lower track. The color of the rectangle has to be configured by properties TrackBelowColorActive, TrackBelowColorDefault, TrackBelowColorDisabled and TrackBelowColorFocused. The thickness and the color of the border are configured by the properties TrackBelowBorderWidthActive, TrackBelowBorderWidthDefault, TrackBelowBorderWidthDisabled, TrackBelowBorderWidthFocused and TrackBelowBorderColorActive, TrackBelowBorderColorDefault, TrackBelowBorderColorDisabled, TrackBelowBorderColorFocused.

Please note, this property does not affect how bitmaps specified in the properties TrackBelowBitmapActive, TrackBelowBitmapDefault, TrackBelowBitmapDisabled and TrackBelowBitmapFocused are displayed. The width of the bitmap is determined exclusively by the bitmap itself.

property int32 TrackBelowThicknessDisabled = 0;

The property 'TrackBelowThicknessDisabled' determines the width in pixel of a filled rectangle and border belonging to the lower track. The color of the rectangle has to be configured by properties TrackBelowColorActive, TrackBelowColorDefault, TrackBelowColorDisabled and TrackBelowColorFocused. The thickness and the color of the border are configured by the properties TrackBelowBorderWidthActive, TrackBelowBorderWidthDefault, TrackBelowBorderWidthDisabled, TrackBelowBorderWidthFocused and TrackBelowBorderColorActive, TrackBelowBorderColorDefault, TrackBelowBorderColorDisabled, TrackBelowBorderColorFocused.

Please note, this property does not affect how bitmaps specified in the properties TrackBelowBitmapActive, TrackBelowBitmapDefault, TrackBelowBitmapDisabled and TrackBelowBitmapFocused are displayed. The width of the bitmap is determined exclusively by the bitmap itself.

property int32 TrackBelowThicknessFocused = 0;

The property 'TrackBelowThicknessFocused' determines the width in pixel of a filled rectangle and border belonging to the lower track. The color of the rectangle has to be configured by properties TrackBelowColorActive, TrackBelowColorDefault, TrackBelowColorDisabled and TrackBelowColorFocused. The thickness and the color of the border are configured by the properties TrackBelowBorderWidthActive, TrackBelowBorderWidthDefault, TrackBelowBorderWidthDisabled, TrackBelowBorderWidthFocused and TrackBelowBorderColorActive, TrackBelowBorderColorDefault, TrackBelowBorderColorDisabled, TrackBelowBorderColorFocused.

Please note, this property does not affect how bitmaps specified in the properties TrackBelowBitmapActive, TrackBelowBitmapDefault, TrackBelowBitmapDisabled and TrackBelowBitmapFocused are displayed. The width of the bitmap is determined exclusively by the bitmap itself.

property color TrackBelowTintActive = #FFFFFFFF;

The property 'TrackBelowTintActive' determines the color value to tint or modulate the bitmap specified in the property TrackBelowBitmapActive. The effect of this color value depends on the type of the bitmap:

property color TrackBelowTintDefault = #FFFFFFFF;

The property 'TrackBelowTintDefault' determines the color value to tint or modulate the bitmap specified in the property TrackBelowBitmapDefault. The effect of this color value depends on the type of the bitmap:

property color TrackBelowTintDisabled = #FFFFFFFF;

The property 'TrackBelowTintDisabled' determines the color value to tint or modulate the bitmap specified in the property TrackBelowBitmapDisabled. The effect of this color value depends on the type of the bitmap:

property color TrackBelowTintFocused = #FFFFFFFF;

The property 'TrackBelowTintFocused' determines the color value to tint or modulate the bitmap specified in the property TrackBelowBitmapFocused. The effect of this color value depends on the type of the bitmap:

property bool TrackBelowWithEdge = false;

The property 'TrackBelowWithEdge' controls the appearance of the track bitmap (TrackBelowBitmapActive, TrackBelowBitmapDefault, TrackBelowBitmapDisabled or TrackBelowBitmapFocused). If this property is 'true', the slider displays the bitmap completely with all its edges. If this property is 'false', the top edge of the bitmap is truncated.

property point WidgetMaxSize = <0,0>;

The property 'WidgetMaxSize' determines the maximum allowed size of the widget. Accordingly, the slider can't become bigger than the value specified in this property. By using this property you can configure the size constraints for the slider.

property point WidgetMinSize = <0,0>;

The property 'WidgetMinSize' determines the minimal allowed size of the widget. Accordingly, the slider can't become smaller than the value specified in this property. By using this property you can configure the size constraints for the slider.