RadTimePicker with Vertical Scroll bar

[Manishkumar]

Hi,

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

[Dimo]

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"  />
</telerik:RadTimePicker>


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


All the best,
Dimo
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Rome]

Hello,
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.
Rome

[Dimo]

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.

ASPX

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

CSS

.RadCalendarPopup  div
{
   overflow-x : hidden  !important ;
}


Greetings,
Dimo
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.

[Alex]

Hi,
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?
Alex

[Vasil]

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,
Vasil
the Telerik team