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

TimePicker breaking DataForm templates?

1 Answer 21 Views
DataForm
This is a migrated thread and some comments may be shown as answers.
CDK
Top achievements
Rank 1
CDK asked on 17 Dec 2019, 07:59 PM

I started with this demo:   Live Demos\DataForm\Data-Binding\Client-Data-Source-Binding

 

The demo code is working well.

 

However, I run into a problem when I try to add a TimePicker or DateTimePicker to the EditItemTemplate or InsertItemTemplate,  as it is seems to be causing the ItemTemplate to not "hide".    Also,  the clock icon on the picker fails to display the popup with the list of times.

 

Pasting the following into the EditItemTemplate or InsertItemTemplate is causing it to break:

 

<div class="rdfRow">
    <telerik:RadTimePicker RenderMode="Lightweight" ID="temp" Width="100px" runat="server" dateinput-label="" DateInput-DateFormat="HH:mm" TimeView-TimeFormat="HH:mm"></telerik:RadTimePicker>
</div>

 

 

There are no problems however if I add the above control elsewhere in the page.    A DatePicker works fine.   

 

There are no console errors and this behaviour occurs in both Chrome and Edge.

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 20 Dec 2019, 09:35 AM

Hi Colter,

Thank you for reporting this bug!

Until we fix it in the source code, you can solve it on your side with the following solution:

<script>
    function OnPopupOpening(sender, args) {
        $telerik.$("#" + sender.get_id() + "_timeView").css("display", "");
    }
</script>
<telerik:RadTimePicker RenderMode="Lightweight" ID="temp" Width="100px" runat="server" dateinput-label="" DateInput-DateFormat="HH:mm" TimeView-TimeFormat="HH:mm">
    <ClientEvents OnPopupOpening="OnPopupOpening" />
</telerik:RadTimePicker>

Your Telerik points are also updated!

 

Regards,
Rumen
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
DataForm
Asked by
CDK
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or