## Buttons [\#](/content/docs/controls/\#buttons "Direct link to heading"/index.html) ### Button [\#](/content/docs/controls/\#button "Direct link to heading"/index.html) Represents a button control that reacts to touch events. | Property | Type | Possible Values | | --- | --- | --- | | `Background` | Color | The background color of the control. | | `Border` | Color | The color of the control's border. | | `BorderThickness` | Float | The width of the control's border. | | `CornerRadius` | Integer | The radius for the corners of the control's border. | | `Foreground` | Color | The color of the control's content. | | `Icon` | Icon | The icon for the button. | | `IconPosition` | Enum | The position of the icon relative to the text. Possible values are `Left`, `Right`, & `Top`. | | `IconSize` | Float | The size of the icon in dp pixels. | | `IconSpacing` | Float | The spacing between the icon and text. | | `ShowAsMonochrome` | Boolean | A value that indicates whether the `Foreground` color is applied to the icon. | | `FontSize` | Float | The size of the text in dp pixels. | | `FontStyle` | Enum | The style in which the text is rendered. Possible values are `Normal` & `Italic`. | | `FontWeight` | Enum | The thickness of the specified font. Possible values are `Thin`, `Light`, `Normal`, `Medium`, `Bold`, `Black` | | `Text` | String | A string that specifies the text contents of the button. | | `TextDecorations` | Enum | A value that indicates what decorations are applied to the text. Possible values are `None`, `Strikethrough`, & `Underline`. | | `ButtonType` | Enum | The type of button. Possible values are `Normal`, `Repeat`, & `Toggle`. | | `IsChecked` | Boolean | A value that indicates whether the button is checked. This applies only when `ButtonType` is set to `Toggle` | | `IsPressed` | Boolean | A value that indicates whether the button is currently in a pressed state. | | `RepeatInterval` | Integer | The time, in milliseconds, between repetitions of the click action, as soon as repeating starts. This applies only when `ButtonType` is set to `Repeat`. | | `Height` | Float | The suggested height of the control in dp pixels. | | `HorizontalAlignment` | Enum | The horizontal alignment characteristics that are applied to the control when it is composed in a parent layout panel, such as a Grid. | | `HorizontalContentAlignment` | Enum | The horizontal alignment of the control's content. | | `Margin` | Thickness | The outer margin that is applied to the control when it is composed in a parent layout panel, such as a Grid. | | `Padding` | Thickness | The amount of space between the content of the control and its border. | | `Rotation` | Integer | The rotation about the Z-axis in degrees. | | `VerticalAlignment` | Enum | The vertical alignment characteristics that are applied to the control when it is composed in a parent layout panel, such as a Grid. | | `VerticalContentAlignment` | Enum | The vertical alignment of the control's content | | `Width` | Float | The suggested width of the control in dp pixels. | | `IsEnabled` | Boolean | A value that indicates whether the user can interact with the control. | | `IsHitTestVisible` | Boolean | A value that indicates whether the contained area of the control can return true values for hit testing. | | `IsVisible` | Boolean | A value that indicates whether the control should be visible. | | `Opacity` | Float | A value between 0 and 1.0 that declares the opacity factor, with 1.0 meaning full opacity and 0 meaning transparent. | ### Image Button [\#](/content/docs/controls/\#image-button "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ## Images [\#](/content/docs/controls/\#images "Direct link to heading"/index.html) ### Icon Element [\#](/content/docs/controls/\#icon-element "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Image Element [\#](/content/docs/controls/\#image-element "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Web Image [\#](/content/docs/controls/\#web-image "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ## Graphics [\#](/content/docs/controls/\#graphics "Direct link to heading"/index.html) ### Ellipse [\#](/content/docs/controls/\#ellipse "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Rectangle [\#](/content/docs/controls/\#rectangle "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ## Layout [\#](/content/docs/controls/\#layout "Direct link to heading"/index.html) ### Canvas [\#](/content/docs/controls/\#canvas "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Grid [\#](/content/docs/controls/\#grid "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Scroll Viewer [\#](/content/docs/controls/\#scroll-viewer "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Stack Panel [\#](/content/docs/controls/\#stack-panel "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Wrap Panel [\#](/content/docs/controls/\#wrap-panel "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ## Media [\#](/content/docs/controls/\#media "Direct link to heading"/index.html) ### Media Element [\#](/content/docs/controls/\#media-element "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ## Navigation [\#](/content/docs/controls/\#navigation "Direct link to heading"/index.html) ### Device Browser [\#](/content/docs/controls/\#device-browser "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Media Browser [\#](/content/docs/controls/\#media-browser "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Page Browser [\#](/content/docs/controls/\#page-browser "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Web Browser [\#](/content/docs/controls/\#web-browser "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ## Text [\#](/content/docs/controls/\#text "Direct link to heading"/index.html) ### Digital Clock [\#](/content/docs/controls/\#digital-clock "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Label [\#](/content/docs/controls/\#label "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Text Box [\#](/content/docs/controls/\#text-box "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ## Selection [\#](/content/docs/controls/\#selection "Direct link to heading"/index.html) ### Combo Box [\#](/content/docs/controls/\#combo-box "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Grid View [\#](/content/docs/controls/\#grid-view "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Slider [\#](/content/docs/controls/\#slider "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Radio Button [\#](/content/docs/controls/\#radio-button "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Toggle Switch [\#](/content/docs/controls/\#toggle-switch "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Color Wheel [\#](/content/docs/controls/\#color-wheel "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Color Picker [\#](/content/docs/controls/\#color-picker "Direct link to heading"/index.html) Represents a button control that reacts to touch events. ### Color Temperature Picker [\#](/content/docs/controls/\#color-temperature-picker "Direct link to heading"/index.html) Represents a button control that reacts to touch events. - [Buttons](/content/docs/controls/#buttons/index.html) - [Button](/content/docs/controls/#button/index.html) - [Image Button](/content/docs/controls/#image-button/index.html) - [Images](/content/docs/controls/#images/index.html) - [Icon Element](/content/docs/controls/#icon-element/index.html) - [Image Element](/content/docs/controls/#image-element/index.html) - [Web Image](/content/docs/controls/#web-image/index.html) - [Graphics](/content/docs/controls/#graphics/index.html) - [Ellipse](/content/docs/controls/#ellipse/index.html) - [Rectangle](/content/docs/controls/#rectangle/index.html) - [Layout](/content/docs/controls/#layout/index.html) - [Canvas](/content/docs/controls/#canvas/index.html) - [Grid](/content/docs/controls/#grid/index.html) - [Scroll Viewer](/content/docs/controls/#scroll-viewer/index.html) - [Stack Panel](/content/docs/controls/#stack-panel/index.html) - [Wrap Panel](/content/docs/controls/#wrap-panel/index.html) - [Media](/content/docs/controls/#media/index.html) - [Media Element](/content/docs/controls/#media-element/index.html) - [Navigation](/content/docs/controls/#navigation/index.html) - [Device Browser](/content/docs/controls/#device-browser/index.html) - [Media Browser](/content/docs/controls/#media-browser/index.html) - [Page Browser](/content/docs/controls/#page-browser/index.html) - [Web Browser](/content/docs/controls/#web-browser/index.html) - [Text](/content/docs/controls/#text/index.html) - [Digital Clock](/content/docs/controls/#digital-clock/index.html) - [Label](/content/docs/controls/#label/index.html) - [Text Box](/content/docs/controls/#text-box/index.html) - [Selection](/content/docs/controls/#selection/index.html) - [Combo Box](/content/docs/controls/#combo-box/index.html) - [Grid View](/content/docs/controls/#grid-view/index.html) - [Slider](/content/docs/controls/#slider/index.html) - [Radio Button](/content/docs/controls/#radio-button/index.html) - [Toggle Switch](/content/docs/controls/#toggle-switch/index.html) - [Color Wheel](/content/docs/controls/#color-wheel/index.html) - [Color Picker](/content/docs/controls/#color-picker/index.html) - [Color Temperature Picker](/content/docs/controls/#color-temperature-picker/index.html)