Fixed Width Div css:
---------------------------
.release_scroll {
- height: 626px;
- width: 458px;
- position: absolute;
- top: 76px;
- left: 0px;
- overflow-y: scroll;
}
=======================================================================================================
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AMAT.PMAWeb.Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="../Scripts/jquery-1.9.1.min.js"></script>
<link href="../css/jquery-ui.css" rel="stylesheet" />
<link href="../css/bootstrap.min.css" rel="stylesheet" />
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet" />
<link href="../css/Style.css" rel="stylesheet" />
<link href="../css/Tabs.css" rel="stylesheet" />
<script src="../Scripts/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-autocomplete/1.0.7/jquery.auto-complete.js" type="text/javascript"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-autocomplete/1.0.7/jquery.auto-complete.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.21.0/moment.min.js" type="text/javascript"></script>
<link href="../css/datepicker.css" rel="stylesheet" />
<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<script src="../Scripts/jquery.jqGrid.min.js"></script>
<link href="../Scripts/ui.jqgrid.css" rel="stylesheet" />
<script src="../Scripts/grid.locale-en.js"></script>
<script src="../Scripts/datepicker.js"></script>
<script src="../Scripts/Grid.js"></script>
<script src="../Scripts/Validations.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.datetimepicker').datetimepicker({
format: 'MM/DD/YYYY'
});
});
function AlertCreateMsg(id) {
$('#loading').hide();
// ResetControls();
alert('Project with id: [' + id + '] created sucessfully !!');
}
function UpdateMsg() {
$('#loading').hide();
alert('Project details updated sucessfully !!');
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="loading" class="loading">
<div class="indicator" id="DownloadIndicator" style="display: block;">
<div class="updateProgress" id="updateProgress">
<div class="">
<img src="../img/loading.gif" alt="" class="loadImg" style="border:none" />
</div>
</div>
</div>
</div>
<div class="container-fluid">
<header>
<div class="Container-Header"><span><span class="headerTitle">PROJECT MANAGEMENT APPLICATION </span></span>
<div class="Left"> <a href="#" target="_blank" id="logoAnchor" runat="server"><img class="Container-Header" src="../img/logo.svg" alt="" /></a></div>
<div class="Right">
<ul class="user-nav pull-right">
<%-- <li><div class="contactDiv"><a href="#" runat="server" id="btnHome" target="_blank" title="Home"><i class="fa fa-home iHome"></i></a></div></li>
<li style="border-left: 1px solid #EBF6FC;"><div class="contactDiv"><a href="mailto:Ibase_Admin_Help@amat.com" id="mail" target="_blank" title="Mail to Admin"><i class="fas fa-lg fa-envelope"></i></a></div></li>--%>
<li><i class="fa fa-user-circle" title="user" style="color:white"></i></li>
<li><span id="userName" runat="server"></span></li>
</ul>
</div>
</div>
</header>
<div style="background:white">
<div class="card mt-1 tab-card">
<div class="card-header tab-card-header">
<%-- <div id="main1" style="float:right;padding:8px;"><a target="_blank" href="https://team.amat.com/sites/ibase/IBASE_Documents/Ibase%20RMS-%20Navigation.pptx?&web=1#"><img src="../img/pptx.svg" style="height:19px !important;padding-right:2px" alt="" />How to Create Issue Document</a></div>
<div id="main2" style="float:right;padding:8px;"><a target="_blank" href="https://team.amat.com/sites/ibase/IBASE_Documents/DataChangeRequest.pdf?web=1"><img src="../img/docx.svg" style="height:19px !important;padding-right:2px" alt="" />Change Request Documentation</a></div>
<div id="main3" style="float:right;padding:7px;display:none"><asp:LinkButton ID="lnkExport" ToolTip="Export to Excel" runat="server" ><img src="../img/ExcelIcon.png" style="height:25px !important" alt="" title="Export to Excel" />Export to Excel</asp:LinkButton></div>
<div id="main4" style="float:right;padding:8px;display:none""><a target="_blank" href="https://tableauprd.amat.com/#/site/AGSCertifiedContent/views/iBaseChangeReq/IBaseChangeRequest?:iid=1"><img src="../img/icons8-dashboard-48.png" style="height:19px !important;padding-right:2px" alt="" />Dashboard</a></div>--%>
<ul class="nav nav-tabs card-header-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="one-tab" data-toggle="tab" href="#one" role="tab" aria-controls="One" aria-selected="true">Project Form</a>
</li>
<li class="nav-item">
<a class="nav-link" id="two-tab" data-toggle="tab" href="#two" role="tab" aria-controls="Two" aria-selected="false">All Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" id="three-tab" data-toggle="tab" href="#three" role="tab" aria-controls="Three" aria-selected="false">PM Gantt View</a>
</li>
</ul>
</div>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active p-3" id="one" role="tabpanel" aria-labelledby="one-tab">
<div class="container-fluid bgWhite">
<div class="card-title"></div>
<div class="col-lg-12 col-md-12 col-sm-12">
<ul class="nav nav-tabs" id="myTab1" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Project Form</a>
</li>
<%-- <li class="nav-item">
<a class="nav-link" id="assessment-tab" data-toggle="tab" href="#assessment" role="tab" aria-controls="profile" aria-selected="false">Assessment</a>
</li>
<li class="nav-item">
<a class="nav-link" id="design-tab" data-toggle="tab" href="#design" role="tab" aria-controls="contact" aria-selected="false">Design</a>
</li>
<li class="nav-item">
<a class="nav-link" id="development-tab" data-toggle="tab" href="#development" role="tab" aria-controls="contact" aria-selected="false">Development</a>
</li>
<li class="nav-item">
<a class="nav-link" id="testing-tab" data-toggle="tab" href="#testing" role="tab" aria-controls="contact" aria-selected="false">Testing</a>
</li>
<li class="nav-item">
<a class="nav-link" id="deploy-tab" data-toggle="tab" href="#deploy" role="tab" aria-controls="contact" aria-selected="false">Deploy</a>
</li>
<li class="nav-item">
<a class="nav-link" id="hypercare-tab" data-toggle="tab" href="#hypercare" role="tab" aria-controls="contact" aria-selected="false">Hypercare</a>
</li>
<li class="nav-item">
<a class="nav-link" id="execution-tab" data-toggle="tab" href="#execution" role="tab" aria-controls="contact" aria-selected="false">Execution Detail</a>
</li>--%>
</ul>
<div class="tab-content" id="myTabContent1">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div class="container-fluid fontColor">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Project Name<span style="color:red">*</span></label>
<div class="form-group">
<input type="text" id="txtProjectName" class="form-control" runat="server" placeholder="Project Name..." />
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Project type <span style="color:red">*</span></label>
<div class="form-group">
<asp:DropDownList ID="ddlProjectType" runat="server" CssClass="form-control">
<asp:ListItem Value="--Select--" Text="--Select--" ></asp:ListItem>
<asp:ListItem Value="Change Request" Text="Change Request" ></asp:ListItem>
<asp:ListItem Value="New Project " Text="New Project" ></asp:ListItem>
</asp:DropDownList>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Functions<span style="color:red">*</span></label>
<div class="form-group">
<asp:DropDownList ID="ddlfunctions" runat="server" CssClass="form-control">
</asp:DropDownList>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Project State<span style="color:red">*</span></label>
<div class="form-group">
<asp:DropDownList ID="ddlProjectState" runat="server" CssClass="form-control">
<asp:ListItem Value="--Select--" Text="--Select--"></asp:ListItem>
<asp:ListItem Text="In flight" Value="In flight"></asp:ListItem>
<asp:ListItem Text="Planned" Value="Planned"></asp:ListItem>
<asp:ListItem Text="On hold" Value="On hold"></asp:ListItem>
<asp:ListItem Text="Completed" Value="Completed"></asp:ListItem>
</asp:DropDownList>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Project RIT</label>
<div class="form-group">
<input type="text" id="txtRITNo" class="form-control" spellcheck="false" runat="server" placeholder="Project RIT No..." />
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Business PM</label>
<div class="form-group">
<input type="text" id="txtBusinessPM" class="form-control" spellcheck="false" runat="server" placeholder="Business PM..." />
<img id="loader1" src="../img/Smallloading.gif" style="display: none;" alt="" />
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Executive Sponsor</label>
<div class="form-group">
<input type="text" id="txtExecutiveSponser" class="form-control" spellcheck="false" runat="server" placeholder="Executive Sponsor..." />
<img id="loader2" src="../img/Smallloading.gif" style="display: none;" alt="" />
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Project Start Date<span style="color:red">*</span></label>
<div class="input-group date datetimepicker">
<input name="txtPrjectstartDate" type="text" id="txtPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Project Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Project End Date<span style="color:red">*</span></label>
<div class="input-group date datetimepicker">
<input name="txtPrjectEndDate" type="text" id="txtPrjectEndDate" runat="server" class="form-control" placeholder="Project end Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Present Phase<span style="color:red">*</span></label>
<div class="form-group">
<asp:DropDownList ID="ddlPresentPhase" runat="server" CssClass="form-control">
<asp:ListItem Value="--Select--" Text="--Select--"></asp:ListItem>
<asp:ListItem Text="Assessment" Value="Assessment"></asp:ListItem>
<asp:ListItem Text="Design" Value="Design"></asp:ListItem>
<asp:ListItem Text="Development" Value="Development"></asp:ListItem>
<asp:ListItem Text="Testing" Value="Testing"></asp:ListItem>
<asp:ListItem Text="Deploy" Value="Deploy"></asp:ListItem>
<asp:ListItem Text="Hypercare" Value="Hypercare"></asp:ListItem>
<asp:ListItem Text="Not started " Value="Not started "></asp:ListItem>
</asp:DropDownList>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Overall status<span style="color:red">*</span></label>
<div class="form-group">
<asp:DropDownList ID="ddlOverAllStatus" runat="server" CssClass="form-control">
<asp:ListItem Value="--Select--" Text="--Select--"></asp:ListItem>
<asp:ListItem Text="Not started" Value="Not started"></asp:ListItem>
<asp:ListItem Text="On Track" Value="On Track"></asp:ListItem>
<asp:ListItem Text="At Risk" Value="At Risk"></asp:ListItem>
<asp:ListItem Text="Watch List" Value="Watch List"></asp:ListItem>
</asp:DropDownList>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-9">
<div class="form-group btnAlign">
<asp:Button CssClass="btn btn-primary" ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" OnClientClick="return validateForm()" />
<asp:Button CssClass="btn btn-primary" ID="btnReset" runat="server" Text="Reset" OnClientClick="ResetControls()" />
</div>
</div>
</div>
</div>
</div>
<%-- <div class="tab-pane fade" id="assessment" role="tabpanel" aria-labelledby="assessment-tab">
<div class="container-fluid fontColor">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Start date</label>
<div class="input-group date datetimepicker">
<input name="txtAssessPrjectstartDate" type="text" id="txtAssessPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">End date</label>
<div class="input-group date datetimepicker">
<input name="txtAssesPrjectEndDate" type="text" id="txtAssesPrjectEndDate" runat="server" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Milestone</label>
<div class="form-group">
<input type="text" id="txtAssesMilestone" class="form-control" spellcheck="false" runat="server" placeholder="Milestone..." />
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="design" role="tabpanel" aria-labelledby="design-tab">
<div class="container-fluid fontColor">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Start date</label>
<div class="input-group date datetimepicker">
<input name="txtDesignStartDate" type="text" id="txtDesignStartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">End date</label>
<div class="input-group date datetimepicker">
<input name="txtDesignEndtDate" type="text" id="txtDesignEndtDate" runat="server" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Milestone</label>
<div class="form-group">
<input type="text" id="txtDesignMileStone" class="form-control" spellcheck="false" runat="server" placeholder="Milestone..." />
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="development" role="tabpanel" aria-labelledby="development-tab">
<div class="container-fluid fontColor">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Start date</label>
<div class="input-group date datetimepicker">
<input name="txtDevStartDate" type="text" id="txtDevStartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">End date</label>
<div class="input-group date datetimepicker">
<input name="txtDevEndtDate" type="text" id="txtDevEndtDate" runat="server" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Milestone</label>
<div class="form-group">
<input type="text" id="txtDevMilestone" class="form-control" spellcheck="false" runat="server" placeholder="Milestone..." />
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="deploy" role="tabpanel" aria-labelledby="deploy-tab">
<div class="container-fluid fontColor">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Start date</label>
<div class="input-group date datetimepicker">
<input name="txtDeployStartDate" type="text" id="txtDeployStartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">End date</label>
<div class="input-group date datetimepicker">
<input name="txtDeployEndtDate" type="text" id="txtDeployEndtDate" runat="server" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Milestone</label>
<div class="form-group">
<input type="text" id="txtDeployMiltestone" class="form-control" spellcheck="false" runat="server" placeholder="Milestone..." />
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="testing" role="tabpanel" aria-labelledby="testing-tab">
<div class="container-fluid fontColor">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Start date</label>
<div class="input-group date datetimepicker">
<input name="txtTestStartDate" type="text" id="txtTestStartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">End date</label>
<div class="input-group date datetimepicker">
<input name="txtTestEndtDate" type="text" id="txtTestEndtDate" runat="server" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Milestone</label>
<div class="form-group">
<input type="text" id="txtTestMilestone" class="form-control" spellcheck="false" runat="server" placeholder="Milestone..." />
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="hypercare" role="tabpanel" aria-labelledby="hypercare-tab">
<div class="container-fluid fontColor">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Start date</label>
<div class="input-group date datetimepicker">
<input name="txtHyperStartDate" type="text" id="txtHyperStartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">End date</label>
<div class="input-group date datetimepicker">
<input name="txtHyperEndtDate" type="text" id="txtHyperEndtDate" runat="server" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Milestone</label>
<div class="form-group">
<input type="text" id="txthyperMilestone" class="form-control" spellcheck="false" runat="server" placeholder="Milestone..." />
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="execution" role="tabpanel" aria-labelledby="execution-tab">
<div class="container-fluid fontColor">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Current Sprint</label>
<div class="form-group">
<input type="text" id="txtCurrentSprint" class="form-control" spellcheck="false" runat="server" placeholder="Current Sprint..." />
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Start date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtCurrentSprintStartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">End date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtCurrentSprintEndDate" runat="server" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Objective</label>
<div class="form-group">
<textarea id="txtCurrSprintObjective" runat="server" class="txtAreaClass" cols="50" rows="2" placeholder="Current Objective..."></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Current Release</label>
<div class="form-group">
<input type="text" id="txtCurrentRelease" class="form-control" spellcheck="false" runat="server" placeholder="Current Objective..." />
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Start date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtCurrentReleaseStartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Project Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">End date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtCurrentReleaseEndDate" runat="server" class="form-control" placeholder="Project end Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<label class="c-label">Objective</label>
<div class="form-group">
<textarea id="txtReleaseObjective" runat="server" class="txtAreaClass" cols="50" rows="2" placeholder="Release Objective..."></textarea>
</div>
</div>
</div>
</div>
</div>--%>
</div>
</div>
</div>
</div>
<div class="tab-pane fade p-3" id="two" role="tabpanel" aria-labelledby="two-tab">
<table id="viewAllRequest" class="FormGrid"></table>
<div id="pagingAllGrid" style="background: white !important;"></div>
</div>
<div class="tab-pane fade p-2" id="three" role="tabpanel" aria-labelledby="three-tab">
<iframe id="frameReport" width="100%" height="780" runat="server">
</iframe>
</div>
</div>
</div>
</div>
<div class="hover_bkgr_fricc">
<div id="loadDiv">
<div id="loading2" class="loading2">
<div class="indicator" id="DownloadIndicator2" style="display: block;">
<div class="updateProgress2" id="updateProgress2">
<div class="">
<img src="../img/loading.gif" alt="" class="loadImg" style="border:none" />Loading...
</div>
</div>
</div>
</div>
<div class="popupCloseButton">X</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<div>
<div class="editSpitDiv1">
<ul class="nav nav-tabs" id="ViewEdit" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="view-tab" data-toggle="tab" href="#view" role="tab" aria-controls="view" aria-selected="true">View</a>
</li>
<li class="nav-item">
<a class="nav-link" id="edit-tab" data-toggle="tab" href="#edit" role="tab" aria-controls="edit" aria-selected="true">Edit</a>
</li>
</ul>
</div>
<div class="editSpitDiv2"><asp:Button CssClass="btn btn-primary" ID="btnUpdate" OnClick="btnUpdate_Click" runat="server" Text="Submit" width="100px" /></div>
</div>
<div class="tab-content" id="viewEditContent">
<div class="tab-pane fade show active" id="view" role="tabpanel" aria-labelledby="view-tab">
<div class="fontColor">
<div class="container ConHeight">
<div class="row">
<div class="col-md-12">
<div class="menu" style="margin-top:2%">
<div class="accordion" id="ProjectDetails">
<div class="accordion-group">
<div class="accordion-heading area">
<a class="accordion-toggle" data-toggle="collapse" href="#area1">Project Detail</a>
</div>
<div class="accordion-body collapse show" id="area1">
<div class="accordion-inner">
<div class="accordion">
<div class="accordion-group innerContent" style="border:none">
<div class="col-lg-12 col-md-12 col-sm-12 text-left">
<div class="row p-1">
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project ID</label>
<div class="form-group">
<asp:Label ID="lblprojectId" runat="server" ForeColor="red" CssClass="reqIdCss" Text="Label"></asp:Label>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project Name</label>
<div class="form-group">
<span id="spanProjectName"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project Type</label>
<div class="form-group">
<span id="spanProjectType" class="statusClass" style=""></span>
</div>
</div>
</div>
<div class="row p-1">
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Function</label>
<div class="form-group">
<span id="spanFunction" runat="server"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project State</label>
<div class="form-group">
<span id="spanProjectState"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project RIT</label>
<div class="form-group">
<span id="spanProjectRIT"></span>
</div>
</div>
</div>
<div class="row p-1">
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Business PM</label>
<div class="form-group">
<span id="spanBusinessPM"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Executive Sponsor</label>
<div class="form-group">
<span id="spanExecutiveSponsor"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project Start Date</label>
<div class="form-group">
<span id="spanProjectStartDate"></span>
</div>
</div>
</div>
<div class="row p-1">
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project End Date</label>
<div class="form-group">
<span id="spanProjectEndDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Present Phase</label>
<div class="form-group">
<span id="spanPresentPhase"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Overallstatus</label>
<span id="spanOverallstatus"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="accordion" id="PhaseDetails">
<div class="accordion-group">
<div class="accordion-heading area">
<a class="accordion-toggle" data-toggle="collapse" href="#area2">Phase</a>
</div>
<div class="accordion-body collapse show" id="area2">
<div class="accordion-inner">
<div class="accordion">
<div class="accordion-group innerContent" style="border:none">
<div class="col-lg-12 col-md-12 col-sm-12 text-left">
<div class="row p-1">
<legend> Assessment ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned Start Date</label>
<div class="form-group">
<span id="spanAsesssStartDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned End Date</label>
<div class="form-group">
<span id="spanAsesssEndDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Milestone</label>
<div class="form-group">
<span id="spanAssessMileStone" class="statusClass" style=""></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual Start Date</label>
<div class="form-group">
<span id="spanAsesssActStartDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual End Date</label>
<div class="form-group">
<span id="spanAsesssActEndDate"></span>
</div>
</div>
</div>
<div class="row p-1">
<legend> Design ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned Start Date</label>
<div class="form-group">
<span id="spanDesignStartDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned End Date</label>
<div class="form-group">
<span id="spanDesignEndDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Milestone</label>
<div class="form-group">
<span id="spanDesignMileStone" class="statusClass" style=""></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual Start Date</label>
<div class="form-group">
<span id="spanDesignActStartDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual End Date</label>
<div class="form-group">
<span id="spanDesignActEndDate"></span>
</div>
</div>
</div>
<div class="row p-1">
<legend> Development ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned Start Date</label>
<div class="form-group">
<span id="spanDevStartDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned End Date</label>
<div class="form-group">
<span id="spanDevEndDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Milestone</label>
<div class="form-group">
<span id="spanDevMileStone" class="statusClass" style=""></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual Start Date</label>
<div class="form-group">
<span id="spanDevActStartDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual End Date</label>
<div class="form-group">
<span id="spanDevActEndDate"></span>
</div>
</div>
</div>
<div class="row p-1">
<legend> Testing ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned Start Date</label>
<div class="form-group">
<span id="spanTestStartDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned End Date</label>
<div class="form-group">
<span id="spanTestEndDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Milestone</label>
<div class="form-group">
<span id="spanTestMileStone" class="statusClass" style=""></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual Start Date</label>
<div class="form-group">
<span id="spanTestActStartDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual End Date</label>
<div class="form-group">
<span id="spanTestActEndDate"></span>
</div>
</div>
</div>
<div class="row p-1">
<legend> Deploy ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned Start Date</label>
<div class="form-group">
<span id="spanDeployStartDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned End Date</label>
<div class="form-group">
<span id="spanDeployEndDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Milestone</label>
<div class="form-group">
<span id="spanDeployMileStone" class="statusClass" style=""></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual Start Date</label>
<div class="form-group">
<span id="spanDeployActStartDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual End Date</label>
<div class="form-group">
<span id="spanDeployActEndDate"></span>
</div>
</div>
</div>
<div class="row p-1">
<legend> Hypercare ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned Start Date</label>
<div class="form-group">
<span id="spanHyperStartDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned End Date</label>
<div class="form-group">
<span id="spanHyperEndDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Milestone</label>
<div class="form-group">
<span id="spanHyperMileStone" class="statusClass" style=""></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual Start Date</label>
<div class="form-group">
<span id="spanHyperActStartDate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual End Date</label>
<div class="form-group">
<span id="spanHyperActEndDate"></span>
</div>
</div>
</div>
<div class="row p-1">
<legend> Execution Detail ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Total Sprint Planned</label>
<div class="form-group">
<span id="spanTotalSprint"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Total Release planned</label>
<div class="form-group">
<span id="spanReleaseSprint"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">No. of resources</label>
<div class="form-group">
<span id="spanNoResource"></span>
</div>
</div>
</div>
<div class="row p-1">
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Current Sprint</label>
<div class="form-group">
<span id="spanCurrentSprint"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Start Date</label>
<div class="form-group">
<span id="spanCurrentSprintSdate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">End Date</label>
<div class="form-group">
<span id="spanCurrentSprintEdate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Objectives</label>
<div class="form-group">
<span id="spanCurrentSprintSObj" class="statusClass" style=""></span>
</div>
</div>
</div>
<div class="row p-1">
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Current Release</label>
<div class="form-group">
<span id="spanCurrentRelease"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Start Date</label>
<div class="form-group">
<span id="spanCurrentReleaseSdate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">End Date</label>
<div class="form-group">
<span id="spanCurrentReleaseEdate"></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Objectives</label>
<div class="form-group">
<span id="spanCurrentReleaseSObj" class="statusClass" style=""></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="edit" role="tabpanel" aria-labelledby="edit-tab">
<div class="fontColor">
<div class="container ConHeight">
<div class="row">
<div class="col-md-12">
<div class="menu" style="margin-top:2%">
<div class="accordion" id="ProjectDetailEdit">
<div class="accordion-group">
<div class="accordion-heading area">
<a class="accordion-toggle" data-toggle="collapse" href="#area3">Project Detail</a>
</div>
<div class="accordion-body collapse show" id="area3">
<div class="accordion-inner">
<div class="accordion">
<div class="accordion-group innerContent" style="border:none">
<div class="col-lg-12 col-md-12 col-sm-12 text-left">
<div class="row p-1">
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project ID</label>
<div class="form-group">
<asp:Label ID="lblEditProjectId" runat="server" ForeColor="red" CssClass="reqIdCss"></asp:Label>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project Name<span style="color:red">*</span></label>
<div class="form-group">
<input type="text" id="txtProjectEdit" class="form-control" runat="server" placeholder="Project Name..." />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project type <span style="color:red">*</span></label>
<div class="form-group">
<asp:DropDownList ID="ddlprojectTypeEdit" runat="server" CssClass="form-control">
<asp:ListItem Value="--Select--" Text="--Select--" ></asp:ListItem>
<asp:ListItem Value="Change Request" Text="Change Request" ></asp:ListItem>
<asp:ListItem Value="New Project " Text="New Project" ></asp:ListItem>
</asp:DropDownList>
</div>
</div>
</div>
<div class="row p-1">
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Functions<span style="color:red">*</span></label>
<div class="form-group">
<asp:DropDownList ID="ddlEditFunctions" runat="server" CssClass="form-control">
</asp:DropDownList>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project State<span style="color:red">*</span></label>
<div class="form-group">
<asp:DropDownList ID="ddlStateEdit" runat="server" CssClass="form-control">
<asp:ListItem Value="--Select--" Text="--Select--"></asp:ListItem>
<asp:ListItem Text="In flight" Value="In flight"></asp:ListItem>
<asp:ListItem Text="Planned" Value="Planned"></asp:ListItem>
<asp:ListItem Text="On hold" Value="On hold"></asp:ListItem>
<asp:ListItem Text="Completed" Value="Completed"></asp:ListItem>
</asp:DropDownList>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project RIT</label>
<div class="form-group">
<input type="text" id="txtRITEdit" class="form-control" spellcheck="false" runat="server" placeholder="Project RIT No..." />
</div>
</div>
</div>
<div class="row p-1">
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Business PM</label>
<div class="form-group">
<input type="text" id="txtEditBusinessPM" class="form-control" spellcheck="false" runat="server" placeholder="Business PM..." />
<img id="loader3" src="../img/Smallloading.gif" style="display: none;" alt="" />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Executive Sponsor</label>
<div class="form-group">
<input type="text" id="txtEditExecutiveSp" class="form-control" spellcheck="false" runat="server" placeholder="Executive Sponsor..." />
<img id="loader4" src="../img/Smallloading.gif" style="display: none;" alt="" />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project Start Date<span style="color:red">*</span></label>
<div class="input-group date datetimepicker">
<input name="txtEditPrjectstartDate" type="text" id="txtEditProjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Project Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
</div>
<div class="row p-1">
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Project End Date<span style="color:red">*</span></label>
<div class="input-group date datetimepicker">
<input name="txtPrjectEndDate" type="text" id="txtEditProjectEndDate" runat="server" class="form-control" placeholder="Project end Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Present Phase<span style="color:red">*</span></label>
<div class="form-group">
<asp:DropDownList ID="ddlEditPresentPhase" runat="server" CssClass="form-control">
<asp:ListItem Value="--Select--" Text="--Select--"></asp:ListItem>
<asp:ListItem Text="Assessment" Value="Assessment"></asp:ListItem>
<asp:ListItem Text="Design" Value="Design"></asp:ListItem>
<asp:ListItem Text="Development" Value="Development"></asp:ListItem>
<asp:ListItem Text="Testing" Value="Testing"></asp:ListItem>
<asp:ListItem Text="Deploy" Value="Deploy"></asp:ListItem>
<asp:ListItem Text="Hypercare" Value="Hypercare"></asp:ListItem>
<asp:ListItem Text="Not started " Value="Not started "></asp:ListItem>
</asp:DropDownList>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Overall status<span style="color:red">*</span></label>
<div class="form-group">
<asp:DropDownList ID="ddlEditOverAllstatus" runat="server" CssClass="form-control">
<asp:ListItem Value="--Select--" Text="--Select--"></asp:ListItem>
<asp:ListItem Text="Not started" Value="Not started"></asp:ListItem>
<asp:ListItem Text="On Track" Value="On Track"></asp:ListItem>
<asp:ListItem Text="At Risk" Value="At Risk"></asp:ListItem>
<asp:ListItem Text="Watch List" Value="Watch List"></asp:ListItem>
</asp:DropDownList>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="accordion" id="PhaseDetailEdit">
<div class="accordion-group">
<div class="accordion-heading area">
<a class="accordion-toggle" data-toggle="collapse" href="#area4">Phase</a>
</div>
<div class="accordion-body collapse show" id="area4">
<div class="accordion-inner">
<div class="accordion">
<div class="accordion-group innerContent" style="border:none">
<div class="col-lg-12 col-md-12 col-sm-12 text-left">
<div class="row p-1">
<legend> Assessment ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned Start date</label>
<div class="input-group date datetimepicker">
<input name="txtEditAssessPrjectstartDate" type="text" id="txtEditAssessPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned End date</label>
<div class="input-group date datetimepicker">
<input name="txtEditAssessPrjectEndDate" type="text" id="txtEditAssessPrjectEndDate" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Milestone</label>
<div class="form-group">
<input type="text" id="txtEditAssesMilestone" class="form-control" spellcheck="false" runat="server" placeholder="Milestone..." />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual Start date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditAssessActPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual End date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditAssessActPrjectEndDate" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
</div>
<div class="row p-1">
<legend> Design ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned Start date</label>
<div class="input-group date datetimepicker">
<input name="txtEditDesignPrjectstartDate" type="text" id="txtEditDesignPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned End date</label>
<div class="input-group date datetimepicker">
<input name="txtEditDesignPrjectEndDate" type="text" id="txtEditDesignPrjectEndDate" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Milestone</label>
<div class="form-group">
<input type="text" id="txtedirDesignMilestone" class="form-control" spellcheck="false" runat="server" placeholder="Milestone..." />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual Start date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditDesignActPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual End date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditDesignActPrjectEndDate" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
</div>
<div class="row p-1">
<legend> Development ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned Start date</label>
<div class="input-group date datetimepicker">
<input name="txtEditDevPrjectstartDate" type="text" id="txtEditDevPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned End date</label>
<div class="input-group date datetimepicker">
<input name="txtEditDevPrjectEndDate" type="text" id="txtEditDevPrjectEndDate" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Milestone</label>
<div class="form-group">
<input type="text" id="txtEditDevMilestone" class="form-control" spellcheck="false" runat="server" placeholder="Milestone..." />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual Start date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditDevActPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual End date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditDevActPrjectEndDate" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
</div>
<div class="row p-1">
<legend> Testing ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned Start date</label>
<div class="input-group date datetimepicker">
<input name="txtEditTestPrjectstartDate" type="text" id="txtEditTestPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned End date</label>
<div class="input-group date datetimepicker">
<input name="txtEditTestPrjectEndDate" type="text" id="txtEditTestPrjectEndDate" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Milestone</label>
<div class="form-group">
<input type="text" id="txtEditTestMileStone" class="form-control" spellcheck="false" runat="server" placeholder="Milestone..." />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual Start date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditTestActPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual End date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditTestActPrjectEndDate" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
</div>
<div class="row p-1">
<legend> Deploy ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned Start date</label>
<div class="input-group date datetimepicker">
<input name="txtEditDeployPrjectstartDate" type="text" id="txtEditDeployPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned End date</label>
<div class="input-group date datetimepicker">
<input name="txtEditDeployPrjectEndDate" type="text" id="txtEditDeployPrjectEndDate" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Milestone</label>
<div class="form-group">
<input type="text" id="txtEditDeployMilestone" class="form-control" spellcheck="false" runat="server" placeholder="Milestone..." />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual Start date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditActDeployPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual End date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditActDeployPrjectEndDate" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
</div>
<div class="row p-1">
<legend> Hypercare ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned Start date</label>
<div class="input-group date datetimepicker">
<input name="txtEditHyperPrjectstartDate" type="text" id="txtEditHyperPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Planned End date</label>
<div class="input-group date datetimepicker">
<input name="txtEditHyperPrjectEndDate" type="text" id="txtEditHyperPrjectEndDate" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Milestone</label>
<div class="form-group">
<input type="text" id="txtEditHyperMilstone" class="form-control" spellcheck="false" runat="server" placeholder="Milestone..." />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual Start date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditHyperActPrjectstartDate" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Actual End date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditActHyperPrjectEndDate" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
</div>
<div class="row p-1">
<legend> Execution Detail ::</legend>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Total Sprint Planned</label>
<div class="form-group">
<input type="text" id="txtSpPlanned" class="form-control" spellcheck="false" runat="server" placeholder="Total Sprint Planned..." />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Total Release Planned</label>
<div class="form-group">
<input type="text" id="txtRelPlanned" class="form-control" spellcheck="false" runat="server" placeholder="Total Release planned..." />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">No. of Resources</label>
<div class="form-group">
<input type="text" id="txtResource" class="form-control" spellcheck="false" runat="server" placeholder="No. of Resources..." />
</div>
</div>
</div>
<div class="row p-1">
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Current Sprint</label>
<div class="form-group">
<input type="text" id="txtEditCurrSprint" class="form-control" spellcheck="false" runat="server" placeholder="Current Sprint..." />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Start date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditCurrSprintSD" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Start date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditCurrSprintED" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Objective</label>
<div class="form-group">
<textarea id="txtareaEditCurrSpObj" runat="server" class="txtAreaClass" cols="41" rows="2" placeholder="Objective..."></textarea>
</div>
</div>
</div>
<div class="row p-1">
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Current Release</label>
<div class="form-group">
<input type="text" id="txtEditCurrRel" class="form-control" spellcheck="false" runat="server" placeholder="Current Sprint..." />
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Start date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditCurrRelSD" runat="server" data-provide="datepicker" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Start date</label>
<div class="input-group date datetimepicker">
<input type="text" id="txtEditCurrRelED" runat="server" data-provide="datepicker" class="form-control" placeholder="End Date" />
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<label class="c-label">Objective</label>
<div class="form-group">
<textarea id="textareaEditCurrRelObj" runat="server" class="txtAreaClass" cols="41" rows="2" placeholder="Objective..."></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<asp:HiddenField ID="hdnIsUserAdmin" runat="server" />
<asp:HiddenField ID="hdnLoginuser" runat="server" />
<asp:HiddenField ID="hdnProjectId" runat="server" />
</form>
</body>
</html>
========================================================
No comments:
Post a Comment