AccordionControlHtmlTemplates.FooterOverflowButton Property
Specifies the HTML-CSS template used to render the Overflow button in the control’s footer.
Namespace: DevExpress.XtraBars.Navigation
Assembly: DevExpress.XtraBars.v24.1.dll
NuGet Package: DevExpress.Win.Navigation
Declaration
Property Value
Type | Description |
---|---|
HtmlTemplate | An HTML-CSS template used to render the Overflow button in the control’s footer panel. |
Remarks
AccordionControl can render its UI elements from HTML-CSS templates. The following properties allow you to define HTML templates for the footer panel and its elements:
- AccordionControlHtmlTemplates.FooterPanel — Specifies the HTML-CSS template used to render the control’s footer.
- AccordionControlHtmlTemplates.FooterElement — Specifies the default HTML-CSS template used to render elements when they are displayed within the control’s footer.
FooterOverflowButton
— Specifies the HTML-CSS template used to render the Overflow button in the control’s footer.
HTML markup for the HtmlFooterOverflowButtonTemplate
template should contain an HTML element with the predefined “dx-item” identifier (id).
This element’s size determines the Overflow button’s display size.
The following example shows a template for the HtmlFooterOverflowButtonTemplate
property. The HTML code uses the “dx-item” id to mark the HTML element that determines the display size of the Overflow button:
<div class="container">
<div id="dx-item" class="button">
<div class="content">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
</div>
</div>