How do i adjust the width of text box

2 posts, 0 answers
  1. Philip
    Philip avatar
    69 posts
    Member since:
    Mar 2016

    Posted 08 Mar Link to this post

    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.

     

     

  2. Eyup
    Admin
    Eyup avatar
    3013 posts

    Posted 10 Mar Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top