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

How do i adjust the width of text box

1 Answer 964 Views
DateTimePicker
This is a migrated thread and some comments may be shown as answers.
Philip
Top achievements
Rank 1
Philip asked on 08 Mar 2016, 03:29 PM

I am trying to alow enough room for the user to see the changes in the time field but as you see from the image its cut off how do i increase the size of the textbox of the datetime picker.

 

 

1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 10 Mar 2016, 08:00 AM
Hello Philip,

Please excuse us if you have received another reply before this one.

If you increase the common width of the picker control, the input width will increase automatically:
<telerik:RadDatePicker ID="RadDatePicker1" runat="server" Width="500px">

To set it specifically for the input element, you can only use its CssClass:
<telerik:RadDatePicker ID="RadDatePicker1" runat="server" Width="500px">
    <DateInput runat="server" CssClass="pickerDateInputClass">
    </DateInput>
</telerik:RadDatePicker>
CSS:
<style>
    html body div.RadPicker input.pickerDateInputClass {
        width: 300px;
    }
</style>

I hope this will prove helpful.

Regards,
Eyup
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
DateTimePicker
Asked by
Philip
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Share this question
or