Can we change the time picker up drop down screen width?

[Jane]

In RadTimePicker, click the toggle button, the drop down screen shows up.
Since we layout the RadTimePicker in right side main screen, the drop down screen seems to wider, it crosses the main window boundary. See the attachment.
Is there a way we can change the drop down screen width, so it will not cross the main window boundary?
thx!
Jane

[Boyan]

Hello Jane,

You can check this example in our online demos: http://demos.telerik.com/silverlight/#TimePicker/FirstLook.
You can change how many columns does the dropdown have and thus modify its size like shown in the example . In your case, according to the screenshot you send me, it will be most suitable to reduce the columns to 4 and I think it will look nice.The xaml will look like :

<telerik:RadTimePicker.ClockPanel>
    <ItemsPanelTemplate>
        <panels:RadUniformGrid Columns="4" />
    </ItemsPanelTemplate>
</telerik:RadTimePicker.ClockPanel>

 If this is not to your liking you can modify the template or simply reduce the font size using the FontSize property.

If you need more help please let me know.

Sincerely yours,
Boyan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Jane]

Hi Boyan,

Thanks for your info. We change the column to 4. It fixes our problem.

There is another problem comes up.
When we change the RadTimePicker fontsize ="30", the dropdown TimePicker title get cut off.
the font size seems too big for hist row of height. See the attachment.
Is there way we can fix this problem? or Is there a way we can hide the first row? so we do not show the TimePicker title at all.
thx!
Jane

[Pana]

Hi Jane,

You will have to edit the clock's template. I'm attaching an example project.

All the best,
Panayot
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[M L]

Is this still working? It's an old post and I'm having similar issue. I want to change the width of the dropdown list, but the above code doesn't work. The linked silverlight demo doesnt work either.

is this how its supposed to be used?

<telerik:RadTimePicker name="timepicker">

<telerik:RadTimePicker.ClockPanel>
    <ItemsPanelTemplate>
        <panels:RadUniformGrid Columns="4" />
    </ItemsPanelTemplate>
</telerik:RadTimePicker.ClockPanel>

</telerik:RadTimePicker>

?

[M L]

nevermind, found that in documentation.