Scrolling Controls

Scrolling controls provide the ability to display text in a scrolling manner.

Scrolling Controls Property Usage

The following table shows the properties used by each control:


Property	Area Navigator	Fade Scroller	Marquee	News Scroller
AllowDrop	X	X	X	X
AlternationCount	X
Background	X	X	X	X
BorderBrush	X	X	X	X
BorderThickness	X	X	X	X
CacheMode		X	X	X
Clip		X	X	X
ClipToBounds	X
Column	X	X	X	X
ColumnSpan	X	X	X	X
CornerRadius		X	X	X
Cursor		X	X	X
DataContext		X	X	X
DisplayMemberPath	X	X	X
Effect	X	X	X	X
Enable Rotation	X
FadeScrollerAnimationSpeed		X
FadeScrollerAnimationType		X
FadeScrollerDestinationType		X
FadeScrollerFadeInSpeed		X
FadeScrollerFadeOutSpeed		X
FadeScrollerPauseOnMouseHover		X
FeedRefreshInterval				X
FeedUri				X
FlowDirection	X	X	X	X
Focusable	X
FocusVisualStyle	X
FontFamily	X	X	X	X
FontSize	X	X	X	X
FontStretch	X	X	X	X
FontStyle	X	X	X	X
FontWeight	X	X	X	X
ForceCursor	X
Foreground	X	X	X	X
Height	X	X	X	X
HorizontalAlignment	X	X	X	X
HorizontalContentAlignment	X	X	X	X
Interval				X
IsEnabled	X	X	X	X
IsHitTestVisible	X	X	X	X
IsManipulationEnabled	X
IsOn		X
IsSharedSizeScope	X
IsTabStop	X	X	X	X
IsTextSearchCaseSensitive	X
IsTextSearchEnabled	X
ItemsPanel		X	X
ItemsSource	X	X	X
ItemStringFormat	X
ItemTemplate		X	X
Language		X	X	X
Localization	X	X	X	X
Margin	X	X	X	X
MarqueeAnaimationSpeed			X
MarqueeAnimationType			X
MarqueePauseOnMouseHover			X
MaxHeight	X	X	X	X
MaxWidth	X	X	X	X
MinHeight	X	X	X	X
MinWidth	X	X	X	X
Name	X	X	X	X
NavigationBrush				X
Opacity	X	X	X	X
OpacityMask	X	X	X	X
OverridesDefaultStyle	X
Padding	X	X	X	X
Projection		X	X	X
RenderTransform		X	X	X
RenderTransformOrigin	X	X	X	X
RotateDegree	X
RotateMethod	X
RotateSpeed	X
Row	X	X	X	X
RowSpan	X	X	X	X
ShowSliders	X
SnapsToDevicePixels	X
Style	X	X	X	X
TabIndex	X	X	X	X
TabNavigation		X	X	X
Tag	X	X	X	X
Template	X	X	X	X
TitleBrush				X
TitleFontFamily				X
TitleFontSize				X
TitleFontWeight				X
ToolTip	X	X	X	X
Uid	X	X		X
UseLayoutRounding	X	X	X	X
VerticalAlignment	X	X	X	X
VerticalContentAlignment	X	X	X	X
Visibility	X	X	X	X
Width	X	X	X	X
ZoomLevel	X

Scrolling 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.
AlternationCount	Specifies the number of alternating item containers or rows to display.
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.
CacheMode	Specifies a value that indicates that rendered content should be cached when possible.
Clip	Specifies the geometric shape used to define the outline of the image.
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.
Cursor	Specifies the cursor image to display when the mouse pointer hovers over an object.
DataContext	Specifies the data context for a control when it participates in data binding.
DisplayMemberPath	Specifies a path to a value on the source control to serve as the visual representation of the control.
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
EnableRotation	Select this check box to allow the control to be rotated. If this check box is cleared, the RotateDegree, RotationMethod, and RotationSpeed property configurations will have no effect.
FadeScrollerAnimationSpeed	Specifies the speed at which the control animates.
FadeScrollerAnimationType	Specifies the direction in which the control moves. Valid selections are: Scroll Left Right Scroll Right Left Scroll Top Bottom Scroll Bottom Top Fade In None
FadeScrollerDestinationType	Specifies the destination of the scrolling. Valid selections are: Center Left Right Top Bottom
FadeScrollerFadeInSpeed	Specifies the speed at which the control will fade in.
FadeScrollerFadeOutSpeec	Specifies the speed at which the control will fade out.
FadeScrollerPaudeOnMouseHover	Select this check box to indicate whether the control will pause when the mouse pointer is hovered over the control.
FeedRefreshInterval	Specifies the time interval at which the feed content is refreshed from the source specified by the FeedUri property.
FeedUri	Specifies the URI of the news feed whose items should be displayed.
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.
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
Interval	Specifies the amount of time, in milliseconds, between increase or decrease commands when you click a Repeat Button or a Slider.
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.
IsOn	Select this check box to indicate that the control is turned on.
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.
IsTextSearchCaseSensitive	Select this check box to indicate that text searches are case sensitive.
IsTextSearchEnabled	Select this check box to indicate that text search is enabled on the control.
ItemsPanel	Specifies the template that defines the panel that controls the layout of items.
ItemsSource	Specifies the collection used to generate the content of the control.
ItemStringFormat	Specifies a composite string that determines how to format the items in the control if they are displayed as strings.
ItemTemplate	Click the ellipsis button to open the Open dialog box to select the data template used to display each item.
Language	Specifies the localization language that applies to an object.
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.
MarqueeAnaimationSpeed	Specifies the speed, as a numeric value, of the marquee animation.
MarqueeAnimationType	Specifies the type of marquee animation. Selections are: Scroll Left Right Scroll Right Left Scroll Top Bottom Scroll Bottom Top None
MarqueePauseOnMouseHover	Select this check box to indicate that the marquee pauses when the mouse hovers over it.
MaxHeight	Specifies the maximum height of a control.
MaxWidth	Specifies the maximum width of a control.
MinHeight	Specifies the minimum height of a 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.
NavigationBrush	Expand this field to select the navigation color of the selected control.
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.
Projection	Specifies the 3-D effect to apply to the current object.
RenderTransform	Specifies the transform information that affects the rendering position of an object.
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.
RotateDegree	Specifies the degree the control should be rotated by. For example, if you set the value of this property to `90`, the control is rotated 90 degrees.
RotateMethod	Specifies the method to use to rotate the control. Valid selections are: MouseDown MouseOn
RotationSpeed	Specifies the rotation speed of the control.
Row	RowBackground
RowSpan	Specifies the total number of rows that child content spans within a grid.
ShowSliders	Select this check box to indicate that slider controls will be available within the control's borders.
SnapsToDevicePixels	Select this check box to indicate that rendering for this control uses device-specific pixel settings.
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.
TabNavigation	Specifies a value that modifies how tabbing and the TabIndex property work for this control.
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.
TitleBrush	Specifies the brush to use to display the title of each article.
TitleFontFamily	Specifies the font family to use to display the title of each article.
TitleFontSize	Specifies the font size for the title.
TitleFontWeight	Specifies the font weight to use to display the title of each article.
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.
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.
ZoomLevel	Specifies how much the control will be zoomed in. For example, if you set the value of this property to 10, the control will be zoomed in to 10 times its original size.