Skip to main content
All docs
V25.1
  • DevExpress v25.1 Update — Your Feedback Matters

    Our What's New in v25.1 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.v25.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