ContextQMD
Back to Devexpress

BootstrapToolbar Class

aspnetbootstrap-devexpress-dot-web-dot-bootstrap-1f89913e.md

latest3.5 KB
Original Source

BootstrapToolbar Class

Represents the control that allows you to supply your web application with a lightweight adaptive toolbar interface.

Namespace : DevExpress.Web.Bootstrap

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

NuGet Package : DevExpress.Web.Bootstrap

Declaration

csharp
[DXClientDocumentationProviderWeb("BootstrapToolbar")]
[ToolboxTabName("DX.25.2: Bootstrap Controls")]
public class BootstrapToolbar :
    BootstrapMenuBase
vb
<ToolboxTabName("DX.25.2: Bootstrap Controls")>
<DXClientDocumentationProviderWeb("BootstrapToolbar")>
Public Class BootstrapToolbar
    Inherits BootstrapMenuBase

The following members return BootstrapToolbar objects:

Example

This example demonstrates the basic functionality of the Toolbar control.

  1. Initialize a new instance of the BootstrapToolbar class.
  2. Add required toolbar items (BootstrapToolbarItem objects) to the BootstrapToolbar.Items collection.
  3. Additional members:

The image below shows the result:

javascript
function onDefaultToolbarItemClick(s, e) {
    dxbsDemo.showToast("The button '" + e.item.name + "' has been clicked.");
}
aspx
<dx:BootstrapToolbar runat="server">
    <Items>
        <dx:BootstrapToolbarItem Name="Copy" IconCssClass="fa fa-copy" />
        <dx:BootstrapToolbarItem Name="Paste" IconCssClass="fa fa-paste" />
        <dx:BootstrapToolbarItem Name="Item1" Text="Item" />
        <dx:BootstrapToolbarItem Name="Link" Text="Link" NavigateUrl="#DefaultToolbar" />
        <dx:BootstrapToolbarItem Name="Left" BeginGroup="true" IconCssClass="fa fa-align-left" />
        <dx:BootstrapToolbarItem Name="Center" IconCssClass="fa fa-align-center" />
        <dx:BootstrapToolbarItem Name="Right" IconCssClass="fa fa-align-right" />
    </Items>
    <ClientSideEvents ItemClick="onDefaultToolbarItemClick" />
</dx:BootstrapToolbar>

Inheritance

Show 11 items

Object Control WebControl ASPxWebControlBase ASPxWebControl ASPxDataWebControlBase ASPxHierarchicalDataWebControl ASPxMenuBase ASPxMenu BootstrapMenuBase BootstrapToolbar

See Also

BootstrapToolbar Members

DevExpress.Web.Bootstrap Namespace