TimePicker is hiding because of PlaceHolder

[Pan hal]

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?

[Bobi]

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.

[Pan hal]

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 ?

[Bobi]

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.

[Pan hal]

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

 

[Teodor]

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.

[Bruno]

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