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

6 posts, 1 answers
  1. Jane
    Jane avatar
    16 posts
    Member since:
    Jun 2009

    Posted 18 Jan 2010 Link to this post

    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
  3. Answer
    Boyan
    Admin
    Boyan avatar
    758 posts

    Posted 19 Jan 2010 Link to this post

    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.
  5. Jane
    Jane avatar
    16 posts
    Member since:
    Jun 2009

    Posted 19 Jan 2010 Link to this post

    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
  7. Pana
    Admin
    Pana avatar
    748 posts

    Posted 25 Jan 2010 Link to this post

    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.
  9. M L
    M L avatar
    16 posts
    Member since:
    May 2010

    Posted 03 Jun 2016 Link to this post

    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>

    ?

  11. M L
    M L avatar
    16 posts
    Member since:
    May 2010

    Posted 03 Jun 2016 in reply to M L Link to this post

    nevermind, found that in documentation.
Back to Top