TimePicker is hiding because of PlaceHolder

7 posts, 0 answers
  1. Pan hal
    Pan hal avatar
    61 posts
    Member since:
    Aug 2009

    Posted 04 Dec 2009 Link to this post

    I have HTMLPlaceHolders in a RadWindow, and I want to get my  RadTimePicker which is in the same Radwindow to be displayed above the HTMLPlaceHolder but instead it opens behind the HTMLPlaceHolder, Find enclosed the attchement. How to get the TimePicker to show correctly on HTMLPlaceHolders?

    Has someone encountered this problem? Any help would be appreciated?

  2. Bobi
    Admin
    Bobi avatar
    513 posts

    Posted 07 Dec 2009 Link to this post

    Hi Pan hal,

     The content of the RadHtmlPlaceholder is rendered in an IFRAME element, which floats above everything else on the page. This is why if the RadHtmlPlaceholder content overlaps with another element, that element will always be covered.So, if you want to avoid this unpleasant effect you have to be careful to position the elements on your page accordingly.

    Setting the Visibility of the HtmlPlaceholder to Collapsed would certainly work. As for reducing the opacity - this will not do the trick. I guess hiding the HTML content while a menu popup is visible will not be very pleasing visually, so you may think of showing some sort of image (screenshot?) in the place of the hidden HtmlPlaceholder

    Best wishes,
    Boryana
    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.
  3. DevCraft banner
  4. Pan hal
    Pan hal avatar
    61 posts
    Member since:
    Aug 2009

    Posted 07 Dec 2009 Link to this post

    Thanks for the reply. Is there any alternate fix for this. In my code these controls are used in childwindow so positioning  these elements is difficult.

    Is there any way to control the height of TimePicker Menu Height. Whats the property for it ?
  5. Bobi
    Admin
    Bobi avatar
    513 posts

    Posted 08 Dec 2009 Link to this post

    Hello Pan hal,

    The easiest way to control the Height of the TimePicker drop down is to use the ClockPanel property:

    <telerik:RadTimePicker >
                <telerik:RadTimePicker.ClockPanel>
                    <ItemsPanelTemplate>
                        <panels:RadUniformGrid Rows="5" Height="70"/>//Here you set the height of the dropdown
                    </ItemsPanelTemplate>
                </telerik:RadTimePicker.ClockPanel>
            </telerik:RadTimePicker> 

    You can also take a look at the online help:

    http://www.telerik.com/help/silverlight/radtimepicker-layout-support.html

    I hope that this will help you.
    Please let us know if you have any other questions or need some more help.

    Sincerely yours,
    Boryana
    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.
  6. Pan hal
    Pan hal avatar
    61 posts
    Member since:
    Aug 2009

    Posted 09 Dec 2009 Link to this post

    Thanks.
    But We are using telerikScheduler:DateTimePicker and whats the property for this control to set the height of dropdown.

     

  7. Teodor
    Admin
    Teodor avatar
    501 posts

    Posted 11 Dec 2009 Link to this post

    Hello Pan hal,

    Actually, DateTimePicker is a custom control developed inside RadScheduler for its internal usage. This, of course does not mean that you cannot use it. However, since it is made to serve to some RadScheduler particular needs, we do not provide easy ways to customize it.

    To explain it in some more details, the DateTimePicker is consisted of a RadDatePicker and a SchedulerTimePicker control(again custom control inside RadScheduler). So here is an example of how to predefine the Template:

    <telerik:DateTimePicker >
                <telerik:DateTimePicker.Template>
                    <ControlTemplate x:Key="DateTimePickerTemplate" TargetType="telerik:DateTimePicker">
                        <StackPanel Orientation="Horizontal">
                            <telerikInput:RadDatePicker x:Name="PART_DatePicker" Width="92"  Margin="0, 0, 5, 0" IsEnabled="{TemplateBinding IsEnabled}" />
      
                            <telerik:SchedulerTimePicker x:Name="PART_TimePicker" Width="90" Height="22" Loaded="PART_TimePicker_Loaded"
                                                         TimeSpanItems="{TemplateBinding TimeItems}" IsEnabled="{TemplateBinding IsEnabled}">
                            </telerik:SchedulerTimePicker>
                        </StackPanel>
                    </ControlTemplate>
                </telerik:DateTimePicker.Template>
            </telerik:DateTimePicker>

    You may be able to tweak some properties and looks, but currently I really cannot find out how to change the height of SchedulerTimePicker's popup height (since it is a Control and has a RadComboBox which is private unfortunately). As a workaround you can try to develop your custom control including both RadDatePicker and RadTimePicker

    As a final advice I suggest you to review this blog post. Using the methods explained within, you might be able to find the RadComboBox inside DateTimePicker's visual tree and play with its properties.

    Hope this clarifies the matter. Should you need further help, do not hesitate to contact us.

    Kind regards,
    Teodor
    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.
  8. Bruno
    Bruno avatar
    1 posts
    Member since:
    Jul 2012

    Posted 19 Jul 2012 Link to this post

    Is there a way to force the contro to always open UP instead of the best place?
Back to Top
DevCraft banner