HubSection.Header HubSection.Header HubSection.Header HubSection.Header Property


Gets or sets the content for the hub section header.

public : Platform::Object Header { get; set; }
winrt::Windows::Foundation::IInspectable Header();

void Header(winrt::Windows::Foundation::IInspectable header);
public object Header { get; set; }
Public ReadWrite Property Header As object
<HubSection Header="headerString"/>

Property Value

object object

The content of the section header. The default is null.


Add a header to let users know the context of your Hub section. It's important to remember that although you can use arbitrary content in the header, the height of the header affects the amount of vertical space available for your hub section content. The section header scrolls with the hub section.

You can use a data template for the header by setting the HeaderTemplate property.

You can make a section header interactive by setting the IsHeaderInteractive property to true. Typically, the user can tap an interactive header to navigate to the corresponding app section page.

You can respond to a tapped header by handling the Hub.SectionHeaderClick event. You get the section that was clicked from the SectionHeaderClickEventArgs.Section property of the event data.

Windows 10

When its IsHeaderInteractive property is true, the default header includes the text, See more. When a user taps the See more text, the SectionHeaderClick event is raised. The text is rendered as a hyperlink, which uses the user selected system accent color by default.

Windows 8.x

When its IsHeaderInteractive property is true, the default header includes a chevron glyph, and "Hover" and "Pressed" visual states. If you use a custom HeaderTemplate, you should provide similar visual cues to indicate that the header is interactive.

See also