RadTimePicker popout not working

Thread is closed for posting
2 posts, 0 answers
  1. Steve
    Steve avatar
    18 posts
    Member since:
    Feb 2011

    Posted 11 Apr 2011 Link to this post

    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:

    <%@ 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="width454px">
                <tr>
                    <td style="width84px">
                        <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="width84px">
                        <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:#FEFFE8border:thin solid #008080padding:5pxwidth: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:centerwidth: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:leftwidth: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:centerwidth:100px">
                    <div style="float:lefttext-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:lefttext-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:rightwidth: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:rightwidth: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:rightwidth: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:leftwidth: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:rightwidth: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="width208px" valign="top">
                        Notes:</td>
                    <td style="width472px">
                        <asp:TextBox ID="txtNotes" runat="server" Height="77px" TextMode="MultiLine" Width="431px"></asp:TextBox></td>
                </tr>
            </table>
            &nbsp;<table width="520">
                <tr>
                    <td style="width5103px">
                    </td>
                    <td style="width434px">
                        <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
  2. Radoslav
    Admin
    Radoslav avatar
    1564 posts

    Posted 14 Apr 2011 Link to this post

    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

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top