Gets or sets the default alignment to be used for this Flyout relative to its anchor element.
This value can be overridden by the alignment values passed in the show method.
The right edge of the Flyout is aligned to the right edge of the anchor element.
The left edge of the Flyout is aligned to the left edge of the anchor element.
The horizontal midpoint of the Flyout is positioned at the horizontal midpoint of the anchor element. This is the default value.
The alignment specified doesn't mirror for right-to-left languages; left is always left and right is always right.
- When placement is set to left, right or autohorizontal, alignment settings are ignored since they place the Flyout to the left or right of the anchor element.
- When placement is set to top, bottom or autovertical, alignment settings are always applied.
- When placement is set to auto, the alignment value will be applied if the auto algorithm determines that the Flyout should be placed above or below the anchor. Otherwise, the alignment value will be ignored since this would position the Flyout to the left or right of the anchor element.
- the show method can override these properties, but only for the instance where that show method is used.
Minimum WinJS version
- Displaying popups
- Laying out your UI
- HTML flyout control sample
- Command patterns
- Guidelines for flyouts
- Context menu
- Guidelines for context menus