Share via


Hub.SectionHeaderClick Event

Definition

Occurs when a section header is clicked and the section's IsHeaderInteractive property is true.

public:
 virtual event HubSectionHeaderClickEventHandler ^ SectionHeaderClick;
// Register
event_token SectionHeaderClick(HubSectionHeaderClickEventHandler const& handler) const;

// Revoke with event_token
void SectionHeaderClick(event_token const* cookie) const;

// Revoke with event_revoker
Hub::SectionHeaderClick_revoker SectionHeaderClick(auto_revoke_t, HubSectionHeaderClickEventHandler const& handler) const;
public event HubSectionHeaderClickEventHandler SectionHeaderClick;
function onSectionHeaderClick(eventArgs) { /* Your code */ }
hub.addEventListener("sectionheaderclick", onSectionHeaderClick);
hub.removeEventListener("sectionheaderclick", onSectionHeaderClick);
- or -
hub.onsectionheaderclick = onSectionHeaderClick;
Public Custom Event SectionHeaderClick As HubSectionHeaderClickEventHandler 
<Hub SectionHeaderClick="eventhandler" />

Event Type

Remarks

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 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 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.

Applies to