Hello,
I am trying to use the RadTimePicker to both bind to a Time Value and allow selection/changes to the value in the input box. When I am clicking the image of the clock, the popout for the time ranges is not showing. Below is my markup:
Am I missing some references or scripts/styles that make it work? Thanks
I am trying to use the RadTimePicker to both bind to a Time Value and allow selection/changes to the value in the input box. When I am clicking the image of the clock, the popout for the time ranges is not showing. Below is my markup:
<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site.Master" EnableTheming="true" Theme="theme" CodeBehind="TimeSheet.aspx.cs" Inherits="TimeSheet.Account.TimeSheet" %> <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> </asp:Content> <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <style> .NumericTextStyle { text-align:right !important; } </style> <div> <h1>Employees Time Sheet</h1> <table style="width: 454px"> <tr> <td style="width: 84px"> <asp:Label ID="Label1" runat="server" Text="Employee:"></asp:Label> </td> <td> <asp:Label ID="lblEmployeeName" runat="server" Width="350px" BorderWidth="1px" Font-Bold="False" BorderColor="Black" BorderStyle="Groove"></asp:Label> </td> </tr> <tr> <td style="width: 84px"> <asp:Label ID="Label2" runat="server" Text="Week Of:"></asp:Label></td> <td> <asp:DropDownList ID="ddTimePeriod" Width="350px" BackColor="#FEFFE8" AutoPostBack="true" runat="server" onselectedindexchanged="ddTimePeriod_SelectedIndexChanged"> </asp:DropDownList> </td> </tr> </table> <br /> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> </telerik:RadScriptManager> <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" /> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="Button1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="Panel1" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="Button2"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="Panel1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <div id="TimeEntry" style="background-color:#FEFFE8; border:thin solid #008080; padding:5px; width:1005px "> <asp:DataList ID="dlTimeSheet" runat="server" RepeatColumns="9" RepeatDirection="Horizontal" CellPadding="1" UseAccessibleHeader="True" onitemdatabound="dlTimeSheet_ItemDataBound" DataKeyField="Id" ShowFooter="False" ShowHeader="False" > <ItemTemplate> <div style="text-align:center; width:100px"> <asp:Label ID="lblRowTitle1" runat="server" Height="84px" Width="100px" Text="" /><br /> <asp:Label ID="lblRowTitle2" runat="server" Height="38px" Font-Bold="true" Width="100px" Text="Start Time:" /> <asp:Label ID="lblRowTitle3" runat="server" Height="38px" Font-Bold="true" Width="100px" Text="End Time:" /> <asp:Label ID="lblRowTitle4" runat="server" Height="25px" BorderColor="#333399" BorderStyle="Solid" BorderWidth="1px" Width="100px" Text="On-Site Hours:" /> <asp:Label ID="lblRowTitle5" runat="server" Height="30px" BorderColor="#333399" BorderStyle="Solid" BorderWidth="1px" Width="100px" Text="Off-Site Hours:" /> <asp:Label ID="lblRowTitle6" runat="server" Height="30px" BorderColor="#333399" BorderStyle="Solid" BorderWidth="1px" Width="100px" Text="Lunch:" /> <asp:Label ID="lblRowTitle7" runat="server" Height="20px" BorderColor="#333399" BorderStyle="Solid" BorderWidth="1px" Width="100px" Text="Category:" /> <asp:Label ID="lblRowTitle8" runat="server" Height="25px" BorderColor="#333399" BorderStyle="Solid" BorderWidth="1px" Width="100px" Text="Weekly Totals:" /> <div style="text-align:left; width:100px"> <asp:Label ID="DayofWeekLabel" runat="server" Width="100px" Text='<%# Eval("TimeRange") %>' /> </div> <asp:Label ID="lblId" runat="server" Width="100px" Visible="false" Text='<%# Eval("Id") %>' /> <asp:Label ID="lblDayofWeek" runat="server" Width="100px" Visible="false" Text='<%# Eval("DayofWeek") %>' /> </div> <div style="text-align:center; width:100px"> <div style="float:left; text-align:left"> <telerik:RadTimePicker ID="RaddtpStart" runat="server" Width="100px" SharedTimeViewID="sharedTimeView" SelectedDate='<%# Eval("StartTime") %>' ShowPopupOnFocus="True"> </telerik:RadTimePicker> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*" ControlToValidate="RaddtpStart" ValidationGroup="group1"></asp:RequiredFieldValidator> </div> <div style="float:left; text-align:left"> <telerik:RadTimePicker ID="RaddtpEnd" Width="100px" SharedTimeViewID="sharedTimeView" runat="server" SelectedDate='<%# Eval("EndTime") %>'> </telerik:RadTimePicker> <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*" ControlToValidate="RaddtpEnd" ValidationGroup="group1"></asp:RequiredFieldValidator> </div> <telerik:RadTimeView ID="sharedTimeView" runat="server" StartTime="07:00:00" EndTime="19:00:00" Interval="00:15:00" > </telerik:RadTimeView> <telerik:RadTimeView ID="sharedDynamicTimeView" runat="server" StartTime="07:00:00" EndTime="19:00:00" Interval="00:15:00"> </telerik:RadTimeView> <br /> <div style="text-align:right; width:100px"> <asp:Label ID="lblRegularTime" runat="server" Height="25px" BorderColor="#333399" BorderStyle="Solid" BorderWidth="1px" Width="100px" Text='<%# Eval("OnSiteHours") %>' /> </div> <div style="text-align:right; width:100px"> <telerik:RadNumericTextBox ID="lblOffsiteTime" Runat="server" SkinID="CurrencyOnlyBox" Height="25px" BorderColor="#333399" BorderStyle="Solid" BorderWidth="1px" Width="98px" Text='<%# Eval("OffSiteHours") %>' CssClass="NumericTextStyle"> </telerik:RadNumericTextBox> </div> <div style="text-align:right; width:100px"> <asp:TextBox ID="lblLunchTime" Runat="server" Height="25px" BorderColor="#333399" BorderStyle="Solid" BorderWidth="1px" Width="98px" Text='<%# Eval("Lunch") %>' CssClass="NumericTextStyle"> </asp:TextBox> </div> <div style="text-align:left; width:100px"> <asp:DropDownList ID="ddlCategory" Width="100px" BackColor="#f1fdfe" runat="server"> </asp:DropDownList> <asp:Label ID="lblDummy" runat="server" Text="--------------------" Height="20px" BorderColor="#333399" BorderStyle="Solid" BorderWidth="1px" Width="100px"></asp:Label> </div> <div style="text-align:right; width:100px"> <asp:Label ID="lblTotals" runat="server" Text="0.0" Height="25px" BorderColor="#333399" BorderStyle="Solid" BorderWidth="1px" Width="100px"></asp:Label> </div> </ItemTemplate> </asp:DataList> </div> <table width="520"> <tr> <td style="width: 208px" valign="top"> Notes:</td> <td style="width: 472px"> <asp:TextBox ID="txtNotes" runat="server" Height="77px" TextMode="MultiLine" Width="431px"></asp:TextBox></td> </tr> </table> <table width="520"> <tr> <td style="width: 5103px"> </td> <td style="width: 434px"> <asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="91px" /></td> </tr> </table> </div> </asp:Content>
Am I missing some references or scripts/styles that make it work? Thanks
1 Answer, 1 is accepted
0
Hello Steve,
I tried to reproduce the described issue but to no avail. I am sending you a simple example based on your code. Please check it out and let me know what differs in your case.
Looking forward for your reply.
Regards,
Radoslav
the Telerik team
I tried to reproduce the described issue but to no avail. I am sending you a simple example based on your code. Please check it out and let me know what differs in your case.
Looking forward for your reply.
Regards,
Radoslav
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.