Progress® Telerik® UI for ASP.NET AJAX Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 26 Dec 2019 23:52 by ADMIN
CDK
Created on: 20 Dec 2019 10:11
Category: TimePicker
Type: Bug Report
0
The TimePicker popup does show when the control is put in EditItemTemplate of RadDataForm
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 comment
ADMIN
Rumen
Posted on: 20 Dec 2019 10:12

Temporary 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>

Create an account Log In
View
Type
Status
Category