TryOutDetails.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="TryOutDetails.aspx.cs" Inherits="PCS2.Forms.TryOutDetails" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>





<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">


<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 <script>
     $(document).ready(function () {
         $(function () {
             $("#<%= DateStartText.ClientID %>").datepicker();
             $("#<%= DateEndText.ClientID %>").datepicker();
         });
     });

     </script>
<h2>Line Try Out</h2>


    <asp:Label ID="TryOutIDLabel" runat="server" Visible="false"></asp:Label>
LTO Number: <asp:TextBox ID="LTONumberText" runat="server" Width="150px"></asp:TextBox> &nbsp;&nbsp;
Product:  <asp:DropDownList ID="ProductTypesDrop" runat="server" CssClass="span6" AutoPostBack="false"></asp:DropDownList>&nbsp;&nbsp;
Location: <asp:DropDownList ID="LocationsDrop" runat="server"  CssClass="span6" AutoPostBack="false"></asp:DropDownList>
<br />



<div id="accordion">

  <h3>Main Details</h3>

  <div>



<br />
LTO Owner:  <asp:TextBox ID="LTOOwnerText" runat="server"></asp:TextBox>
Part Numbers Impacted:  <asp:TextBox ID="PartNumbersImpactedText" runat="server" Width="150px"></asp:TextBox>
<br />
    <br />
Description:  <textarea ID="DescriptionText" runat="server" class="span6" ></textarea>  <%--<asp:TextBox ID="DescriptionText" runat="server" Width="500px" Height="200px" Rows="3" class="span3" ></asp:TextBox>--%>
  <br /><br />
      Active LTO: <asp:CheckBox ID="ActiveCheck" runat="server" />
   Active From:  <asp:TextBox ID="DateStartText" runat="server" Width="66px"></asp:TextBox> To: <asp:TextBox ID="DateEndText" runat="server" Width="66px"></asp:TextBox>


    <%-- <input type="text" id="datestartpicker" runat="server">
   To:   <input type="text" id="dateendpicker" runat="server">--%>





  <br />
      <br />


    Documentation in SharePoint: <asp:CheckBox ID="ShowDocumentLinkCheck" runat="server" />
    Serial Number Info: <asp:TextBox ID="SerialNumberInfoText" runat="server"></asp:TextBox>
    Results:     <asp:TextBox ID="ResultsText" runat="server" ></asp:TextBox>
    <br />  <br />

    Comments:
    <telerik:RadEditor ID="CommentsRE" runat="server" Width="500px" Height="150px">
    <Tools>
        <telerik:EditorToolGroup >
            <telerik:EditorTool Name="Cut" />
             <telerik:EditorTool Name="Copy" />
             <telerik:EditorTool Name="Paste" />
            <telerik:EditorTool Name="Bold" />
            <telerik:EditorTool Name="Italic" />
            <telerik:EditorTool Name="Underline" />
         </telerik:EditorToolGroup>
    </Tools>


    </telerik:RadEditor>





  </div>

  <h3>Steps</h3>

  <div>






  </div>


</div>



<script>

    $("#accordion").accordion();

</script>







    <br /> <br /><br />
    <asp:Button ID="SaveButton" runat="server" OnClick="SaveButton_Click" CssClass="btn btn-primary dropdown-toggle" Text="Save"/>&nbsp;&nbsp;
    <asp:Button ID="BackButton" runat="server" OnClick="BackButton_Click"  CssClass="btn btn-primary dropdown-toggle" Text="Back to Try Out List" />

<%--<input type="text" id="from">
<input type="text" id="to">--%>
<script type="text/javascript">
    $(function () {
        $("#datestartpicker").datepicker();
        $("#dateendpicker").datepicker().bind("change", function () {
            var minValue = $(this).val();
            minValue = $.datepicker.parseDate("mm/dd/yy", minValue);
            minValue.setDate(minValue.getDate() + 1);
            $("#dateendpicker").datepicker("option", "minDate", minValue);
        })
    });
</script>


</asp:Content>