ASPxClientGantt.ZoomOut Method

Zooms out the Gantt chart.

Declaration

ZoomOut(): void

Remarks

Call the ZoomOut method to zoom out 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 out the chart with the toolbar item. See the following topic for more information: GanttZoomOutToolbarItem.