GanttToolbarSettings Class

Contains toolbar settings.

Namespace: DevExpress.Web.ASPxGantt

Assembly: DevExpress.Web.ASPxGantt.v20.1.dll

NuGet Package: DevExpress.Web

Declaration

C#

public class GanttToolbarSettings :
    GanttSettingsBase

VB.NET

Public Class GanttToolbarSettings
    Inherits GanttSettingsBase

Related API Members

The following members return GanttToolbarSettings objects:

• ASPxGantt.SettingsToolbar
• GanttSettings.SettingsToolbar

Remarks

The ASPxGantt control allows you to display the most frequently used commands in the built-in toolbar.

The toolbar has a set of predefined items and supports custom items. Use the Items collection to access toolbar items.

Available toolbar item types:

Toolbar Item Type	Description
GanttAddTaskToolbarItem	A toolbar item that adds a task.
GanttCollapseAllToolbarItem	A toolbar item that collapses all tasks.
GanttExpandAllToolbarItem	A toolbar item that expands all tasks.
GanttFullScreenToolbarItem	A toolbar item that switches the control to full screen mode.
GanttRedoToolbarItem	A toolbar item that repeats the undone action.
GanttRemoveTaskToolbarItem	A toolbar item that removes a task.
GanttUndoToolbarItem	A toolbar item that reverses an action.
GanttZoomInToolbarItem	A toolbar item that zooms in.
GanttCustomToolbarItem	A custom toolbar item.
GanttZoomOutToolbarItem	A toolbar item that zooms out.

Create a Standard Toolbar Item

Create any of supported standard toolbar items, specify its Text property, and add this toolbar item to the Items collection.

ASPX

<dx:ASPxGantt ID="Gantt" runat="server"...>
    ...
    <SettingsToolbar>
        <Items>
            <dx:GanttZoomInToolbarItem Text="Zoom In" />
            <dx:GanttZoomOutToolbarItem Text="Zoom Out" />
        </Items>
    </SettingsToolbar>
</dx:ASPxGantt>

Create a Custom Toolbar Item

Create a GanttCustomToolbarItem object, specify its Text and CommandName properties, and add this toolbar item to the Items collection. To handle the toolbar item click, handle the CustomCommand event.

ASPX

<dx:ASPxGantt ID="Gantt">
    <SettingsToolbar>
        <Items>
            <dx:GanttCustomToolbarItem Text="About" CommandName="About" />
        </Items>
    </SettingsToolbar>
    <ClientSideEvents CustomCommand="CustomCommand" />
    ...
</dx:ASPxGantt>

JS

function CustomCommand(s, e) {
    if (e.commandName == "About")
        alert('Sample message');
}

Show and Hide Toolbar

Set the Visible property to true to hide the toolbar.

ASPX

<dx:ASPxGantt ID="Gantt" runat="server"...>
    ...
    <SettingsToolbar Visible="false" />
</dx:ASPxGantt>

Change Toolbar Alignment

Set the Alignment property to one of the GanttToolbarAlignment enumeration values to change the toolbar alignment.

ASPX

<dx:ASPxGantt ID="Gantt" runat="server"...>
    ...
    <SettingsToolbar Alignment="Right" />
</dx:ASPxGantt>

Online Demos

• ASPxGantt - Toolbar

• MVC Gantt - Toolbar

Implements

IStateManager

Inheritance

Object

StateManager

PropertiesBase

GanttSettingsBase

GanttToolbarSettings