RadTimePicker with Vertical Scroll bar

6 posts, 0 answers
  1. Manishkumar
    Manishkumar avatar
    240 posts
    Member since:
    Feb 2009

    Posted 26 Mar 2009 Link to this post


    I have a RadGrid in my Page and with in ItemTemplate i have RadTimePicker Control.

    I need to display 24 hrs in 15 min interval hence i need vertical scroll bar.

    Request you to please suggest  any event with in with i can wire up my style for height and ovrflow or any other alternatiove way of having vertical scroll bar.

    Thanks and regards,
    Manish Patel
  2. Dimo
    Dimo avatar
    8406 posts

    Posted 26 Mar 2009 Link to this post

    Hello Manish,

    If the RadTimePicker is located inside an ItemTemplate, you can set width and height to the TimeView control declaratively, so no event is needed:

    <telerik:RadTimePicker ID="RadTimePicker1" runat="server">
          <TimeView runat="server" Height="100px" Width="100px"  />

    When Width and/or Height for the TimeView are set, the scrollbars will appear automatically.

    All the best,
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
  3. Rome
    Rome avatar
    7 posts
    Member since:
    May 2008

    Posted 28 Apr 2009 Link to this post

    But how do you get rid of the horizontal scrolling from the timeview?  I'm using one column and all l I want is the vertical scrollbar. 

    Thank you.
  4. Dimo
    Dimo avatar
    8406 posts

    Posted 29 Apr 2009 Link to this post

    Hello Rome,

    You have to set an overflow-x:hidden CSS style for the TimeView scrollable container. Actually, this is needed only for IE6/7.


    <telerik:RadTimePicker ID="RadTimePicker1" runat="server">
        <TimeView Columns="1" Height="200px" Width="100px" />


    .RadCalendarPopup  div
       overflow-x : hidden  !important ;

    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  5. Alex
    Alex avatar
    32 posts
    Member since:
    May 2012

    Posted 25 Mar 2013 Link to this post

    I want to use one column style for RadTimePicker too. But when I set the "timeview.columns = 1", it always display like align on right and the "PM/AM" is partially displayed. How could I make the time view display with left align?
  6. Vasil
    Vasil avatar
    1604 posts

    Posted 28 Mar 2013 Link to this post

    Hi Alex,

    It depends of the culture set.
    The TimeView use such code to generate the texts:
    link.InnerText = time.ToString(format, this.Culture);
    Where time is DateTime object.
    So if you are using en-US culture and the format is "t" you will get string like "06:30 AM". But if you are using de-DE culture, you will get "06:30 " even if you are using "hh:mm tt" format.

    This is specific for the DateTime.ToString method and the Microsoft's implementation of the CultureInfo.

    Kind regards,
    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 RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top