ASPxClientGantt.ZoomIn Method

Zooms in the Gantt chart.

Declaration

ZoomIn(): void

Remarks

Call the ZoomIn method to zoom in the chart.

JS

function zoom_In(s, e) {
    clientGantt.ZoomIn();
}

function zoom_Out(s, e) {
    clientGantt.ZoomOut();
}

ASPX

<dx:ASPxButton ID="ZoomIn_Button" runat="server" AutoPostBack="false" Text="ZoomIn">
    <ClientSideEvents Click="zoom_In" />
</dx:ASPxButton>

<dx:ASPxButton ID="ZoomOut_Button" runat="server" AutoPostBack="false" Text="ZoomOut">
    <ClientSideEvents Click="zoom_Out" />
</dx:ASPxButton>

<dx:ASPxGantt ID="Gantt" runat="server" ClientInstanceName="clientGantt"... >
    <!--...-->
</dx:ASPxGantt>

You can also zoom in the chart with the toolbar item. See the following topic for more information: GanttZoomInToolbarItem.