This is a migrated thread and some comments may be shown as answers.

GridDateTimeColumn DatePicker Clipped

1 Answer 124 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ed Lang
Top achievements
Rank 1
Ed Lang asked on 29 Jul 2008, 02:46 PM

Using RadControls_for_ASP.NET_AJAX_2008_1_515_dev.exe

I have a RADGrid with several columns.  The final column is a GridDateTimeColumn.  I have filtering turned on and the column auto generates a DatePicker control to select the date to filter on. 

When I click the calendar icon to choose a date, the calendar is displayed off the edge of the screen.  There doesn't seem to be a setting to move the calendar to the visible area of the screen.

How can I get the calendar to display properly?

<telerik:GridDateTimeColumn HeaderText="Due Date" UniqueName="DueDate" DataField="DueDate" DataFormatString="{0:d}" DataType="System.DateTime"></telerik:GridDateTimeColumn>

1 Answer, 1 is accepted

Sort by
0
Rosen
Telerik team
answered on 01 Aug 2008, 12:52 PM
Hi,

Unfortunately RadDatePicker does not support screen boundary detection. But you can accomplish similar behavior with few lines of javascript. First you should find the DatePicker control inside grid's FilteringItem and you should attach to its ShowPopup client event. In this event's handler you should check if the calendar will go outside of the screen and move it to the left if such case. Please find attached a simple page which demonstrate this.

Regards,
Rosen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Grid
Asked by
Ed Lang
Top achievements
Rank 1
Answers by
Rosen
Telerik team
Share this question
or