The requested page is not available for the requested platform. You are viewing the content for Default platform.

BootstrapMenu Class

Represents a menu control.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v19.2.dll

Declaration

[ToolboxTabName("DX.19.2: Bootstrap Controls")]
[DXClientDocumentationProviderWeb("BootstrapMenu")]
public class BootstrapMenu :
    BootstrapMenuBase
<ToolboxTabName("DX.19.2: Bootstrap Controls")>
<DXClientDocumentationProviderWeb("BootstrapMenu")>
Public Class BootstrapMenu
    Inherits BootstrapMenuBase

Remarks

Note

The BootstrapMenu control provides you with comprehensive client-side functionality implemented using JavaScript code:

The control's client-side API is enabled if the ASPxMenuBase.EnableClientSideAPI property is set to true, or the ASPxMenuBase.ClientInstanceName property is defined, or any client event is handled.

Examples

This example demonstrates the basic functionality of the Menu control.

The image below shows the result:

BootstrapMenu

<dx:BootstrapMenu runat="server" ShowPopOutImages="true">
    <Items>
        <dx:BootstrapMenuItem Text="Home" IconCssClass="fa fa-home">
            <Items>
                <dx:BootstrapMenuItem Text="News">
                    <Items>
                        <dx:BootstrapMenuItem Text="For Developers">
                        </dx:BootstrapMenuItem>
                        <dx:BootstrapMenuItem Text="Website news">
                        </dx:BootstrapMenuItem>
                    </Items>
                </dx:BootstrapMenuItem>
                <dx:BootstrapMenuItem Text="Our Mission" BeginGroup="true">
                </dx:BootstrapMenuItem>
                <dx:BootstrapMenuItem Text="Our Customers">
                </dx:BootstrapMenuItem>
            </Items>
        </dx:BootstrapMenuItem>
        ...
    </Items>
</dx:BootstrapMenu>
See Also