HubSection.Header Property

Definition

Namespace:

Microsoft.UI.Xaml.Controls

Gets or sets the content for the hub section header.

public:
 property Platform::Object ^ Header { Platform::Object ^ get(); void set(Platform::Object ^ value); };

IInspectable Header();

void Header(IInspectable value);

public object Header { get; set; }

var object = hubSection.header;
hubSection.header = object;

Public Property Header As Object

<HubSection Header="headerString"/>
- or -
<HubSection>
  <HubSection.Header>
    headerObject
  </HubSection.Header>
</HubSection>

Property Value

Object

Platform::Object

IInspectable

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

Remarks

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.

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.

See also

• HeaderTemplate
• IsHeaderInteractive