Skip to content

Latest commit

 

History

History
39 lines (22 loc) · 1.76 KB

colorpicker_orientation.md

File metadata and controls

39 lines (22 loc) · 1.76 KB
Raw
-api-id -api-type
P:Microsoft.UI.Xaml.Controls.ColorPicker.Orientation
winrt property

Microsoft.UI.Xaml.Controls.ColorPicker.Orientation

-description

Gets or sets the orientation of the editing controls in the ColorPicker.

This documentation applies to WinUI 2 for UWP (for WinUI in the Windows App SDK, see the Windows App SDK namespaces).

-property-value

The orientation of the editing controls in the ColorPicker. The default is Vertical.

-remarks

When the Orientation property is set to Horizontal, the ColorPicker will not apply the IsMoreButtonEnabled property. Instead, the text input fields will always be displayed to the side of the ColorPicker.

Horizontal Orientation Text Input Margin

When in Horizontal mode and the text input fields are in use, there will be a margin of 122px to the right of the text input fields. This margin accounts for the different localizations of the labels of the fields and ensures that those labels will not be cut off. This margin is determined by the ColorPickerTextInputHorizontalOrientationMargin lightweight styling resource.

  • If your app is only available in English, you can override this resource and set the right margin to 74px to improve the horizontal footprint of the control.
  • The resource does have not have any effect when the Orientation is set to Vertical.

-see-also

ColorPicker, Orientation, ColorPicker overview

-examples