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

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

5 Answers 162 Views
TimePicker
This is a migrated thread and some comments may be shown as answers.
Jane
Top achievements
Rank 1
Jane asked on 19 Jan 2010, 02:27 AM
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

5 Answers, 1 is accepted

Sort by
0
Accepted
Boyan
Telerik team
answered on 19 Jan 2010, 12:49 PM
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.
0
Jane
Top achievements
Rank 1
answered on 19 Jan 2010, 10:30 PM
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
0
Pana
Telerik team
answered on 25 Jan 2010, 12:52 PM
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.
0
M L
Top achievements
Rank 1
answered on 03 Jun 2016, 08:56 AM

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>

?

0
M L
Top achievements
Rank 1
answered on 03 Jun 2016, 11:36 AM
nevermind, found that in documentation.
Tags
TimePicker
Asked by
Jane
Top achievements
Rank 1
Answers by
Boyan
Telerik team
Jane
Top achievements
Rank 1
Pana
Telerik team
M L
Top achievements
Rank 1
Share this question
or