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

[Solved] Control DateTimePicker width in Grid

1 Answer 140 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
FinallyInSeattle
Top achievements
Rank 1
FinallyInSeattle asked on 25 Oct 2011, 05:48 PM
I have a DateTimePicker exposed via an EditorTemplate in a grid.  There's a good amount of "spare room" on the right side of the control that you can see on your Batch Editing demo as well.  How can I reduce this so that I don't have to size my column so wide?

Thanks in advance!

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 26 Oct 2011, 08:11 AM
Hi Lori,

The DatePicker's width in this case is controlled by the folowing CSS rule in telerik.common.css:

.t-grid-edit-row .text-box,
.t-grid-edit-row .t-numerictextbox,
.t-grid-edit-row .t-datepicker
{
    max-width: 90%;
    min-width: 90%;
    width: 5em;
}

Feel free to modify or override it to achieve the desired look.

Kind regards,
Dimo
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the Telerik Extensions for ASP.MET MVC, subscribe to their blog feed now
Tags
Grid
Asked by
FinallyInSeattle
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or