Skip to main content
All docs
V24.1

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