Viewer Controls

The Designer provides the following group of custom viewer controls.

Viewer Controls Property Usage

The following table shows the properties used by each control:


Property	Scroll Viewer
AllowDrop	X
Background	X
BorderBrush	X
BorderThickness	X
CanContentScroll	X
ClipToBounds	X
Column	X
ColumnSpan	X
Content	X
ContentStringFormat	X
Effect	X
FlowDirection	X
Focusable	X
FocusVisualStyle	X
FontFamily	X
FontSize	X
FontStretch	X
FontStyle	X
FontWeight	X
ForceCursor	X
Foreground	X
Height	X
HorizontalAlignment	X
HorizontalContentAlignment	X
HorizontalScrollBarVisiblity	X
IsDeferredScrollingEnabled	X
IsEnabled	X
IsHitTestVisible	X
IsManipulationEnabled	X
IsSharedSizeScope	X
IsTabStop	X
Localization	X
Margin	X
MaxHeight	X
MaxWidth	X
MinHeight	X
MinWidth	X
Name	X
Opacity	X
OpacityMask	X
OverridesDefaultStyle	X
Padding	X
PanningDecleration	X
PanningMode	X
PanningRatio	X
RenderTransformOrigin	X
Row	X
RowSpan	X
SnapsToDevicePixels	X
StrokeThickness	X
Style	X
TabIndex	X
Tag	X
Template	X
ToolTip	X
Uid	X
UseLayoutRounding	X
VerticalAlignment	X
VerticalContentAlignment	X
VerticalScrollBarVisibility	X
Visibility	X
Width	X

Viewer 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.
CanContentScroll	Select this check box to indicate that elements that support the Scroll Viewer control are allowed to scroll.
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.
Content	Specifies the content displayed on the control.
ContentStringFormat	Specifies a composite string that determines how to format the Content property if it is displayed as a string.
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
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
HorizontalScrollBarVisibility	Specifies whether a horizontal scroll bar is shown. Selections are: Auto - the scroll bar appears only if the content exceeds the width of the control Disabled - the scroll ba never appears Hidden - the scroll bar is hidden from view Visible - the scroll bar is visible at all times
ImageStretch	Specifies how the image should be stretched to fill the destination rectangle. Selections are: Fill None Uniform UniformToFill
IsDeferredScrollingEnabled	Select this check box to indicate that the content is stationary when you drag the thumb of a scroll bar.
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.
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.
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.
PnningDeceleration	Specifies the rate at which the control slows.
PanningMode	Specifies the way the control reacts to touch manipulation. Valid selections are: None Horizontal Only Vertical Only Both Horizontal First Vertical First
PanningRatio	Specifies the ratio of scrolling offset to translate manipulation offset.
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.
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
VerticalScrollBarVisibility	Specifies whether a vertical scroll bar is shown. Scroll bar selections are: Auto - appears only if the content exceeds the width of the control Disabled - never appears Hidden - hidden from view Visible - visible at all times.
Visiblility	Specifies the visibility of this control. Selections are: Collapsed Hidden Visible
Width	Specifies the width of the control, in pixels.