Reduce cell width of RadGrid range filtering

RELATED TO:

AUTHOR: Eyup Yusein

DATE POSTED: December 12, 2017

DESCRIPTION

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"
    EnableTimeIndependentFiltering="true">
</telerik:GridDateTimeColumn>

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

SOLUTION

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: ";
    }
}

More Resources

  • Forums

    Find answers to thousands of questions or reach out to our active community.

  • Demos

    Browse 1,200+ demos with source code covering basic and advanced scenarios.

  • Sample Applications

    Learn how to integrate the controls in real-world examples.

  • Feedback Portal

    Vote and follow the features you want to see added to Telerik UI for ASP.NET AJAX.

  • User Voice

    Get answers directly from the people who build the product.

  • Documentation

    Benefit from detailed help articles and API references for all controls.

  • Knowledge Base

    Learn how to achieve common scenarios from a multitude of tutorials and working examples.

  • Code Library

    Browse sample projects submitted by Telerik staff and community members.

  • Blog

    Stay up-to-date with the latest functionality, how-to articles and industry trends.

  • Release History

    Up-to-date release notes for all new features and improvements.