Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

AccordionControlHtmlTemplates.HamburgerMenuButton Property

Specifies the HTML-CSS template used to render the Menu button in the control’s header when the Hamburger Menu view style is applied.

Namespace: DevExpress.XtraBars.Navigation

Assembly: DevExpress.XtraBars.v24.2.dll

NuGet Package: DevExpress.Win.Navigation

#Declaration

[DXCategory("Layout")]
public HtmlTemplate HamburgerMenuButton { get; }

#Property Value

Type Description
HtmlTemplate

The HTML-CSS template used to render the Menu button.

#Remarks

AccordionControl can render its UI elements from HTML-CSS templates. The following properties allow you to define HTML templates for the Hamburger Menu‘s header panel and the Menu button:

HamburgerMenu - Panel - Menu Button

HTML markup for the HamburgerMenuButton template should contain an HTML element with the predefined “dx-item” identifier (id). This element’s size determines the Menu button’s display size.

The following example shows a template for the HamburgerMenuButton property. The HTML code uses the “dx-item” id to mark the HTML element that determines the Menu button’s display size:

<div class="container">
    <div id="dx-item" class="button">
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
    </div>
</div>
See Also