New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Reduce cell width of RadGrid range filtering


The GridDateTimeColumn of RadGrid provides convenient built-in range filtering functionality:

<telerik:GridDateTimeColumn DataField="OrderDate" DataType="System.DateTime"
    FilterControlAltText="Filter OrderDate column" HeaderText="OrderDate"
    SortExpression="OrderDate" UniqueName="OrderDate" EnableRangeFiltering="true"

Since this requires 2 picker controls to be generated, the width of the filtering cell may increase beyond its standard size.


To reduce this cell width, you can put the pickers in two lines:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
    if (e.Item is GridFilteringItem)
        GridFilteringItem filterItem = e.Item as GridFilteringItem;
        (filterItem["OrderDate"].Controls[3] as LiteralControl).Text = "<br />To: ";
Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As GridItemEventArgs)
    If TypeOf e.Item Is GridFilteringItem Then
        Dim filterItem As GridFilteringItem = TryCast(e.Item, GridFilteringItem)
        (TryCast(filterItem("OrderDate").Controls(3), LiteralControl)).Text = "<br />To: "
    End If
End Sub
In this article