Pivot control header template

Adds a routed event handler for a specified routed event, adding the handler to the handler collection on the current element. Specify handledEventsToo as true to have the provided handler be invoked even if the event is handled elsewhere. Equivalent WinUI method: Microsoft. Positions child objects and determines a size for a UIElement.

Parent objects that implement custom layout for their child elements should call this method from their layout override implementations to form a recursive layout update. Provides the behavior for the "Arrange" pass of layout. Classes can override this method to define their own "Arrange" pass behavior. Sets pointer capture to a UIElement. Once captured, only the element that has capture will fire pointer-related events.

Enables a UIElement subclass to expose child elements that assist with resolving touch targeting. Returns any base value established for a dependency property, which would apply in cases where an animation is not active. Returns the BindingExpression that represents the binding on the specified property. Enables a UIElement subclass to expose child elements that take part in Tab focus. Retrieves the named element in the instantiated ControlTemplate visual tree. Returns the current effective value of a dependency property from a DependencyObject.

When implemented in a derived class, enables per-state construction of a visual tree for a control template in code, rather than by loading XAML for all states at control startup. Invalidates the arrange state layout for a UIElement.

After the invalidation, the UIElement will have its layout updated, which will occur asynchronously. Invalidates the measurement state layout for a UIElement. Invalidates the viewport state for a UIElement that is used to calculate the effective viewport. Typically, objects that implement custom layout for their layout children call this method from their own MeasureOverride implementations to form a recursive layout update.

Provides the behavior for the "Measure" pass of the layout cycle. Classes can override this method to define their own "Measure" pass behavior. Invoked whenever application code or internal processes such as a rebuilding layout pass call ApplyTemplate. In simplest terms, this means the method is called just before a UI element displays in your app. Override this method to influence the default post-template logic of a class.

Called before the BringIntoViewRequested event occurs. Called before the CharacterReceived event occurs. Invoked when the value of the Content property changes. Invoked when the value of the ContentTemplate property changes. Invoked when the value of the ContentTemplateSelector property changes. When implemented in a derived class, returns class-specific AutomationPeer implementations for the Microsoft UI Automation infrastructure.

Override this method to implement how layout and logic should behave when items are removed from a class-specific content or children property. Called before the DoubleTapped event occurs. Called before the DragEnter event occurs. Called before the DragLeave event occurs. Called before the DragOver event occurs.

Called before the Drop event occurs. Called before the GotFocus event occurs. Called before the Holding event occurs. Called when a keyboard shortcut or accelerator is processed in your app. Override this method to handle how your app responds when a keyboard accelerator is invoked.

Called before the KeyDown event occurs. Called before the KeyUp event occurs. Called before the LostFocus event occurs. Called before the ManipulationCompleted event occurs. Called before the ManipulationDelta event occurs.

Called before the ManipulationInertiaStarting event occurs. Called before the ManipulationStarted event occurs. Called before the ManipulationStarting event occurs. Called before the PointerCanceled event occurs.

Called before the PointerCaptureLost event occurs. Called before the PointerEntered event occurs. Called before the PointerExited event occurs.

Called before the PointerMoved event occurs. Called before the PointerPressed event occurs. Called before the PointerReleased event occurs. Called before the PointerWheelChanged event occurs. Called before the PreviewKeyDown event occurs. Called before the PreviewKeyUp event occurs. Called just before a keyboard shortcut or accelerator is processed in your app. Invoked whenever application code or internal processes call ProcessKeyboardAccelerators.

Override this method to influence the default accelerator handling. Called before the RightTapped event occurs. Called before the Tapped event occurs. Registers a notification function for listening to changes to a specific DependencyProperty on this DependencyObject instance.

Releases pointer captures for capture of one specific pointer by this UIElement. Removes the specified routed event handler from this UIElement.

Typically the handler in question was added by AddHandler. Attaches a binding to a FrameworkElement , using the provided binding object. Sets the local value of a dependency property on a DependencyObject. Initiates a request to the XAML framework to bring the element into view within any scrollable regions it is contained within.

Initiates a request to the XAML framework to bring the element into view using the specified options. Returns a transform object that can be used to transform coordinates from the UIElement to the specified object. Attempts to invoke a keyboard shortcut or accelerator by searching the entire visual tree of the UIElement for the shortcut. Cancels a change notification that was previously registered by calling RegisterPropertyChangedCallback. Ensures that all positions of child objects of a UIElement are properly updated for layout.

Equivalent WinUI event: Microsoft. Occurs when StartBringIntoView is called on this element or one of its descendants. Occurs when a context input gesture continues into a manipulation gesture, to notify the element that the context flyout should not be opened. Occurs when the value of the FrameworkElement. DataContext property changes. Occurs when an otherwise unhandled DoubleTap interaction occurs over the hit test area of this element.

Occurs when the input system reports an underlying drag event with this element as the potential drop target. Occurs when the input system reports an underlying drop event with this element as the drop target.

Occurs when the FrameworkElement 's effective viewport changes. Occurs before a UIElement receives focus. This event is raised synchronously to ensure focus isn't moved while the event is bubbling.

Occurs when a UIElement receives focus. This event is raised asynchronously, so focus can move again before bubbling is complete. Occurs when an otherwise unhandled Hold interaction occurs over the hit test area of this element. Occurs when the IsEnabled property changes. Occurs when a keyboard key is pressed while the UIElement has focus.

Occurs when a keyboard key is released while the UIElement has focus. Occurs when the layout of the visual tree changes, due to layout-relevant properties changing value or some other action that refreshes the layout. Occurs when a FrameworkElement has been constructed and added to the object tree, and is ready for interaction. Occurs when a FrameworkElement begins to load. Occurs before a UIElement loses focus.

Occurs when a UIElement loses focus. Occurs when a manipulation on the UIElement is complete. Occurs when the input device loses contact with the UIElement object during a manipulation and inertia begins. Occurs when an input device begins a manipulation on the UIElement. Occurs when a user attempts to move focus via tab or directional arrows , but focus doesn't move because no focus candidate is found in the direction of movement.

Occurs when pointer capture previously held by this element moves to another element or elsewhere. Occurs when the pointer device that previously initiated a Press action is released, while within this element.

Note that the end of a Press action is not guaranteed to fire a PointerReleased event; other events may fire instead. For more info, see Remarks. Occurs when a keyboard shortcut or accelerator is pressed. Occurs when an otherwise unhandled Tap interaction occurs over the hit test area of this element. Skip to main content. Authors of custom controls use this property to change the default for the style that their control uses.

Gets the size that this UIElement computed during the measure pass of the layout process. Gets the CoreDispatcher that this object is associated with. Gets or sets a value that specifies whether the access key display is dismissed when an access key is invoked.

Gets or sets the direction in which text and other UI elements flow within any parent element that controls their layout. Setting FlowDirection to RightToLeft on any element sets the alignment to the right, the reading order to right-to-left and the layout of the control to flow from right to left. Gets a value that specifies whether this control has focus, and the mode by which focus was obtained. Gets or sets the outer margin of the focus visual for a FrameworkElement. Gets or sets the brush used to draw the outer border of a HighVisibility or Reveal focus visual for a FrameworkElement.

Gets or sets the thickness of the outer border of a HighVisibility or Reveal focus visual for a FrameworkElement. Gets or sets the brush used to draw the inner border of a HighVisibility or Reveal focus visual for a FrameworkElement.

Gets or sets the thickness of the inner border of a HighVisibility or Reveal focus visual for a FrameworkElement. Gets a collection of GroupStyle objects that define the appearance of each level of groups. Gets or sets a reference to a custom GroupStyleSelector logic class. The GroupStyleSelector returns different GroupStyle values to use for content based on the characteristics of that content.

Identifies the HeaderFocusVisualPlacement dependency property. Gets or sets the template for the Header property of PivotItem children. Identifies the HeaderTemplate dependency property. Gets or sets the suggested height of a FrameworkElement. Gets or sets a value that indicates whether the framework automatically adjusts the element's visual properties when high contrast themes are enabled.

Gets or sets the horizontal alignment characteristics that are applied to a FrameworkElement when it is composed in a layout parent, such as a panel or items control. Gets or sets a value that determines whether the DoubleTapped event can originate from that element.

Gets or sets whether the contained area of this UIElement can return true values for hit testing. Gets or sets a value that determines whether the Holding event can originate from that element. Gets a value that indicates whether the element has been added to the element tree and is ready for interaction. Gets or sets whether the Pivot is locked to show only the current PivotItem.

While the Pivot is locked, all other PivotItems are removed, and the user cannot navigate to them. An example of locking is when the email list is put into a multi-select mode. Identifies the IsLocked dependency property. Gets or sets a value that determines whether the RightTapped event can originate from that element. Gets or sets a value that determines whether the Tapped event can originate from that element. Gets or sets whether automatic text enlargement, to reflect the system text size setting, is enabled.

Gets or sets the style that is used when rendering the item containers for an ItemsControl. Gets or sets a reference to a custom StyleSelector logic class.

The StyleSelector returns different Style values to use for the item container based on characteristics of the object being displayed. Gets or sets the collection of Transition style elements that apply to the item containers of an ItemsControl.

Gets the Panel specified by ItemsPanel. Gets or sets an object source used to generate the content of the ItemsControl. Gets or sets the DataTemplate used to display each item. Gets or sets a reference to a custom DataTemplateSelector logic class. The DataTemplateSelector referenced by this property returns a template to apply to items.

Gets or sets a value that indicates whether the control tooltip displays the key combination for its associated keyboard accelerator. Gets or sets a value that indicates the control tooltip that displays the accelerator key combination. Example of a menu showing keyboard accelerators for various menu items. Gets or sets a value that indicates how far left or right the Key Tip is placed in relation to the UIElement.

Gets or sets a value that indicates where the access key Key Tip is placed in relation to the boundary of the UIElement. Gets or sets a value that indicates how far up or down the Key Tip is placed in relation to the UI element. Identifies the LeftHeader dependency property. Identifies the LeftHeaderTemplate dependency property.

Gets the collection of XamlLight objects attached to this element. Setting this value enables handling the manipulation events from this element in app code. Gets or sets the outer margin of a FrameworkElement. Gets or sets the maximum height constraint of a FrameworkElement. Gets or sets the maximum width constraint of a FrameworkElement.

Gets or sets the minimum height constraint of a FrameworkElement. Gets or sets the minimum width constraint of a FrameworkElement. Gets or sets the identifying name of the object.

Gets the parent object of this FrameworkElement in the object tree. Gets the set of all captured pointers, represented as Pointer values. Gets the final render size of a UIElement. Use is not recommended, see Remarks. Gets or sets transform information that affects the rendering position of a UIElement.

Gets or sets the origin point of any possible render transform declared by RenderTransform , relative to the bounds of the UIElement.

Gets or sets the UI theme that is used by the UIElement and its child elements for resource determination. Gets or sets whether a UI element supports mouse mode, which emulates pointer interaction experiences with non-pointer input devices such as an Xbox gamepad or remote control. Gets the locally defined resource dictionary. Resources property element, through XAML implicit collection syntax.

Identifies the RightHeader dependency property. Identifies the RightHeaderTemplate dependency property. Gets or sets the angle of clockwise rotation, in degrees. Rotates relative to the RotationAxis and the CenterPoint. Gets or sets the scale of the element. Scales relative to the element's CenterPoint. Gets or sets the zero-based index of the currently selected item in the Pivot. Identifies the SelectedIndex dependency property. Gets or sets the currently selected item in the Pivot.

Identifies the SelectedItem dependency property. Gets or sets an instance Style that is applied for this object during layout and rendering. Gets or sets a value that modifies how tabbing and TabIndex work for this control. Gets or sets a value that determines the order in which elements receive focus when the user navigates through controls by pressing the Tab key.

For Windows 10 Creators Update build Gets or sets an arbitrary object value that can be used to store custom information about this object. Gets or sets a control template. Identifies the Title dependency property.

Identifies the TitleTemplate dependency property. Gets or sets the collection of Transition style elements that apply to a UIElement. Gets the collection of triggers for animations that are defined for a FrameworkElement.

Not commonly used. Gets or sets a value that determines whether rendering for the object and its visual subtree should use rounding behavior that aligns rendering to whole pixels.

Gets or sets a value that indicates whether the control uses focus visuals that are drawn by the system or those defined in the control template. Gets or sets the vertical alignment characteristics that are applied to a FrameworkElement when it is composed in a parent object such as a panel or items control.

Gets or sets the visibility of a UIElement. A UIElement that is not visible is not rendered and does not communicate its desired size to layout. Gets or sets the width of a FrameworkElement. Gets or sets a value that specifies the strategy used to determine the target element of a down navigation. Gets or sets a value that specifies the strategy used to determine the target element of a left navigation.

Gets or sets a value that specifies the strategy used to determine the target element of a right navigation. Gets or sets a value that specifies the strategy used to determine the target element of an up navigation. Adds a routed event handler for a specified routed event, adding the handler to the handler collection on the current element.

Specify handledEventsToo as true to have the provided handler be invoked even if the event is handled elsewhere. Equivalent WinUI method: Microsoft.

Positions child objects and determines a size for a UIElement. Parent objects that implement custom layout for their child elements should call this method from their layout override implementations to form a recursive layout update. Provides the behavior for the "Arrange" pass of layout.

Classes can override this method to define their own "Arrange" pass behavior. Sets pointer capture to a UIElement. Once captured, only the element that has capture will fire pointer-related events. Returns the container for the item at the specified index within the ItemCollection. Enables a UIElement subclass to expose child elements that assist with resolving touch targeting. Returns any base value established for a dependency property, which would apply in cases where an animation is not active.

Returns the BindingExpression that represents the binding on the specified property. Enables a UIElement subclass to expose child elements that take part in Tab focus. Retrieves the animation group that a FrameworkElement belongs to. Retrieves the named element in the instantiated ControlTemplate visual tree. Returns the current effective value of a dependency property from a DependencyObject.

When implemented in a derived class, enables per-state construction of a visual tree for a control template in code, rather than by loading XAML for all states at control startup. Invalidates the arrange state layout for a UIElement. After the invalidation, the UIElement will have its layout updated, which will occur asynchronously. Invalidates the measurement state layout for a UIElement. Invalidates the viewport state for a UIElement that is used to calculate the effective viewport.

Typically, objects that implement custom layout for their layout children call this method from their own MeasureOverride implementations to form a recursive layout update. Provides the behavior for the "Measure" pass of the layout cycle. Classes can override this method to define their own "Measure" pass behavior. Invoked whenever application code or internal processes such as a rebuilding layout pass call ApplyTemplate. In simplest terms, this means the method is called just before a UI element displays in your app.

Override this method to influence the default post-template logic of a class. Called before the BringIntoViewRequested event occurs. Called before the CharacterReceived event occurs. When implemented in a derived class, returns class-specific AutomationPeer implementations for the Microsoft UI Automation infrastructure. Override this method to implement how layout and logic should behave when items are removed from a class-specific content or children property.

Called before the DoubleTapped event occurs. Called before the DragEnter event occurs. Called before the DragLeave event occurs. Called before the DragOver event occurs. In the Style we change the Height to Auto. If the height of your pivot header can be less than 36 you will also need the modify the height of the Previous and Next buttons in the Pivot Header as these have a fixed height too.

These changes are made in the Pivot Style. Getting this working is quite easy in UWP apps without writing any code at all. For this we use the new AdaptiveTrigger and the RelativePanel. We alter the TabHeader.

Something like this:. Run the app and resize it so we see the pivot items change when it's wide enough. I like it when the pivot items are centered in the mobile layout. To achieve this, we need to add the visual states to the pivot style.