Back to Devexpress

ASPxClientGantt.ZoomIn Method

aspnet-js-aspxclientgantt-4d3171fc.md

latest1.3 KB
Original Source

ASPxClientGantt.ZoomIn Method

Zooms in the Gantt chart.

Declaration

ts
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.

See Also

ZoomOut

GanttZoomInToolbarItem

ASPxClientGantt Class

ASPxClientGantt Members