Slider Controls

Sliders allow you to graphically manipulate the value of the control within a finite range by moving a thumb or value indicator along a track.

The incremental readout on a slider can be on one or both sides. When a slider control receives a value outside the specified range (that is, above the Maximum or below the Minimum), or the value is Null, the control sets its Opacity property to 0.2. The control appears disabled until the value is back within the specified range or is no longer Null.

Slider Controls Property Usage

The following table shows the properties used by each control:


Property	Horizontal Slider	Vertical Slider
AllowDrop	X	X
Background	X	X
BorderBrush	X	X
BorderThickness	X	X
ClipToBounds	X	X
Column	X	X
ColumnSpan	X	X
CornerRadius	X	X
Effect	X	X
Fill	X	X
FlowDirection	X	X
Focusable	X	X
FocusVisualStyle	X	X
FontFamily	X	X
FontSize	X	X
FontStretch	X	X
FontStyle	X	X
FontWeight	X	X
ForceCursor	X	X
Foreground	X	X
GlareBrush	X	X
Height	X	X
HorizontalAlignment	X	X
HorizontalContentAlignment	X	X
InnerBorderBrush	X	X
InnerBorderThickness	X	X
InnerCornerRadius	X	X
IsAnnotated	X	X
IsEnabled	X	X
IsHitTestVisible	X	X
IsManipulationEnabled	X	X
IsSharedSizeScope	X	X
IsTabStop	X	X
Localization	X	X
Margin	X	X
MaxHeight	X	X
Maximum	X	X
MaxWidth	X	X
MinHeight	X	X
Minimum	X	X
MinWidth	X	X
Name	X	X
Opacity	X	X
OpacityMask	X	X
OverridesDefaultStyle	X	X
Padding	X	X
RenderTransformOrigin	X	X
Row	X	X
RowSpan	X	X
SnapsToDevicePixels	X	X
StrokeThickness
Style	X	X
TabIndex	X	X
Tag	X	X
Template	X	X
ThumbStyle	X	X
TickFrequency	X	X
Ticks	X	X
ToolTip	X	X
Uid	X	X
UseLayoutRounding	X	X
Value	X	X
VerticalAlignment	X	X
VerticalContentAlignment	X	X
Visibility	X	X
Width	X	X

Slider Controls Property Descriptions

The following table shows the properties descriptions used by all control:

Property	Description
AllowDrop	Select this check box to indicate that the control can accept data that is dragged onto it.
Background	Expand this field to select the background color of the selected control.
BorderBrush	Expand this field to select the border color of the selected control.
BorderThickness	Specifies the border thickness of a control, in pixels.
ClipToBounds	Select this check box to clip the content of this control (or content coming from the child elements of this control) to fit into the size of the containing control.
Column	Specifies the column within the grid where the control is located.
ColumnSpan	Specifies the total number of columns that child content spans within a grid.
CornerRadius	Specifies the degree to which the corners of a control are rounded.
Effect	Click the arrow to expand the property, select the effect you want to apply to the control, and then configure the specific values for the effect. Valid values to select are: Blur Kernel Type Radius Drop Shadow Color Direction Opactiy Shadow Depth
Fill	Expand this field to select the color for the inside of the thumb control or for the interior of the shape.
FlowDirection	Specifies the direction that text and other user interface (UI) elements flow within any parent control. Selections are: Left to Right Right to Left
Focusable	Select this check box to indicate that the control can receive focus.
FocusVisualStyle	Specifies a property that enables customization of appearance, effects, or other style characteristics that apply to this control when it has focus.
FontFamily	Specifies the font family for the control.
FontSize	Specifies the font size for the control.
FontStretch	Specifies the degree to which a font is condensed or expanded on the screen.
FontStyle	Specifies the font style for the control.
FontWeight	Specifies the weight or thickness of the specified font.
ForceCursor	Select this check box to indicate that the user interface (UI) renders the cursor as declared by the Cursor property.
Foreground	Expand this field to select the foreground color.
GlareBrush	Expand this field to specify the glare effect for the control.
Height	Specifies the height of the control, in pixels.
HorizontalAlignment	Specifies the horizontal alignment characteristics applied to this control. Selections are: Left Center Right Stretch
HorizontalContentAlignment	Specifies the horizontal alignment of the control's content. Selections are: Left Center Right Stretch
ImageStretch	Specifies how the image should be stretched to fill the destination rectangle. Selections are: Fill None Uniform UniformToFill
InnerBorderBrush	Expand this field to select the color for the inner border.
InnerBorderThickness	Expand this field to select the color for the inner border.
InnerCornerRadius	Specifies the degree to which the corners of the inner border are rounded.
IsAnnotated	Select this check box to indicate that value labels display with the ticks.
IsEnabled	Select this check box to indicate that this control is enabled in the user interface (UI).
IsHitTestVisible	Select this check box to indicate that the control can possibly be returned as a hit test result from some portion of its rendered content.
IsManipulationEnabled	Select this check box to indicate that the manipulation events for the control are enabled.
IsSharedSizeScope	Select this check box to indicate that controls are sharing size information.
IsTabStop	Select this check box to indicate that a control is included in tab navigation.
Localization	Click the ellipsis button to open the Localization Configuration dialog box where you can configure the property to localize, the language to use for localization, and the text to localize.
Margin	Specifies the outer margin of a control.
MaxHeight	Specifies the maximum height of a control.
Maximum	Specifies the maximum value of the range of the control.
MaxWidth	Specifies the maximum width of a control.
MinHeight	Specifies the minimum height of a control.
Minimum	Specifies the minimum value of the range of the control.
MinWidth	Specifies the minimum width of a control.
Name	Specifies the identifying name of the control. The name provides a reference so that code behind, such as event handler code, can refer to a markup element during processing by a XAML processor.
Opacity	Specifies the opacity factor applied to the entire control. Valid values are 0 through 1, with up to 15 decimal places.
OpacityMask	Expand this field to select a color for the opacity mask, which is applied to any alpha-channel masking for the rendered content of this control.
OverridesDefaultStyle	Select this check box to indicate that this control incorporates style properties from theme styles.
Padding	Specifies the amount of padding to apply to the inside edge of each side of a control.
RenderTransformOrigin	Specifies the center point of any possible render transform, relative to the bounds of the element. X is the horizontal origin factor, given as a value between 0 and 1. Y is the vertical origin factor, given as a value between 0 and 1.
Row	RowBackground
RowSpan	Specifies the total number of rows that child content spans within a grid.
SnapsToDevicePixels	Select this check box to indicate that rendering for this control uses device-specific pixel settings.
StrokeThickness	Specifies the width of the control's outline.
Style	Specifies the style used by this control when it is rendered.
TabIndex	Specifies the order in which controls receive focus when the Tab key is pressed.
Tag	Specifies an arbitrary object value that can be used to store custom information about this control.
Template	Click the ellipsis button to open the Open dialog box to select a template to use.
ThumbStyle	Specifies the shape used for the thumb control. Selections are: Bar Diamond Ellipse Knob Pentagon Triangle
TickFrequency	Specifies the interval between tick marks.
Ticks	For linear gauges and sliders, click the ellipsis button to open the Tick Property Editor dialog box to enter the marks to display for a Slider.
ToolTip	Specifies the tool-tip that displays for this control in the user interface (UI).
Uid	Specifies the unique identifier (for localization) for this control.
UseLayoutRounding	Specifies a value that determines whether rendering for the object and its visual subtree should use rounding behavior that aligns rendering to whole pixels.
Value	Specifies the current magnitude of the range control.
VerticalAlignment	Specifies the vertical alignment characteristics applied to this control. Selections are: Bottom Center Top Stretch
VerticalContentAlignment	Specifies the vertical alignment of the control's content. Selections are: Bottom Center Top Stretch
Visiblility	Specifies the visibility of this control. Selections are: Collapsed Hidden Visible
Width	Specifies the width of the control, in pixels.