New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

Range

The range functionality allows you to define the visible timeline range of the RadGantt. It can be set globally for the Gantt or for every view separately. There are three ways to set the range: client-side, server-side or inline.

Setting the Range client-side

Sets the visible range of the current view.

JavaScript
var gantt = $find("<%=RadGantt1.ClientID %>");
gantt.set_rangeStart(new Date(2016,5,6));
gantt.set_rangeEnd(new Date(2016,5,8));
	

Setting the Range server-side

C#
	
protected void Page_Load(object sender, EventArgs e) 
{ 
	RadGantt1.WeekView.RangeStart = DateTime.Now;
	RadGantt1.WeekView.RangeEnd = DateTime.Now.AddDays(14);
	RadGantt1.RangeStart = DateTime.Now;
	RadGantt1.RangeEnd = DateTime.Now.AddDays(14);
}

Setting the Range inline

ASPNET
<telerik:RadGantt ID="RadGantt2" runat="server"
    DayView-RangeStart="2014/6/2" DayView-RangeEnd="2014/6/8"
    WeekView-RangeStart="2014/6/1" WeekView-RangeEnd="2014/7/13"
    MonthView-RangeStart="2014/5/18" MonthView-RangeEnd="2014/8/3"
    RangeStart="2014/6/1" RangeEnd="2014/7/13">
</telerik:RadGantt>

See Also