Home: JQuery tabs C# ASP.NET

.nav-tabs > li > a.tab1,.nav-tabs > li.active > a.tab1, .nav-tabs > li.active > a.tab1:hover, .nav-tabs > li.active > a.tab1:focus {

color: #fff;

cursor: pointer;

background-color: #4aad44;

border: 1px solid #ddd;

border-bottom-color: transparent;

border-top-right-radius:10px;

border-top-left-radius:10px;

}

.nav-tabs > li> a.tab2,.nav-tabs > li.active > a.tab2, .nav-tabs > li.active > a.tab2:hover, .nav-tabs > li.active > a.tab2:focus {

color: #fff;

cursor: pointer;

background-color: #21A8E0;

border: 1px solid #ddd;

border-bottom-color: transparent;

border-top-right-radius:10px;

border-top-left-radius:10px;

}

.nav-tabs > li > a.tab3, .nav-tabs > li.active > a.tab3, .nav-tabs > li.active > a.tab3:hover, .nav-tabs > li.active > a.tab3:focus {

color: #fff;

cursor: pointer;

background-color: #E16821;

border: 1px solid #ddd;

border-bottom-color: transparent;

border-top-right-radius:10px;

border-top-left-radius:10px;

}

.nav-tabs > li> a.tab4, .nav-tabs > li.active > a.tab4, .nav-tabs > li.active > a.tab4:hover, .nav-tabs > li.active > a.tab4:focus {

color: #fff;

cursor: pointer;

background-color: #2e5f7f;

border: 1px solid #ddd;

border-bottom-color: transparent;

border-top-right-radius:10px;

border-top-left-radius:10px;

}

.widget-thumb {

/*background-color:#e4e4e4;*/

/*height:140px;*/

}

.col-md-12 {

padding-top: 10px;

padding-bottom: 10px;

}

.innerPanel {

/*background: #eaeaea;*/

}

.widget-thumb {

/*padding: 20px;*/

border-radius: 10px;

}

.widget-thumb .widget-thumb-heading {

font-size: 12px;

font-weight: 700;

color: #67696b;

margin: 0 0 5px;

}

.widget-thumb .widget-thumb-wrap .widget-thumb-icon {

width: 60px;

height: 30px;

display: inline-block;

font-size: 20px;

line-height: 10px;

color: #fff;

text-align: center;

padding: 10px;

/*margin-right: 15px;*/

}

.widget-thumb-body

{

font-size:20px;

text-align:center;

}

.bg-green {

background: #4aad44 !important;

}

.bg-red {

background: #e16821 !important;

}

.bg-purple {

background: #2e5f7f !important;

}

.bg-blue {

background: #21A8E0 !important;

}

.basic_d

{

width:100%;

}

</style>

.Overlay

{

position: fixed;

top: 0px;

bottom: 0px;

left: 0px;

right: 0px;

overflow: hidden;

padding: 0;

margin: 0;

background-color: #000;

filter: alpha(opacity=50);

opacity: 0.5;

z-index: 1000;

}

.PopUpPanel

{

position: absolute;

background-color: #ccc;

top: 250px;

left: 10%;

z-index: 2001;

padding: 5px;

min-width: 1000px;

max-width: 1200px;

-moz-box-shadow: 3.5px 4px 5px #000000;

-webkit-box-shadow: 3.5px 4px 5px #000000;

box-shadow: 3.5px 4px 5px #000000;

border-radius: 5px;

-moz-border-radiux: 5px;

-webkit-border-radiux: 5px;

border: 1px solid #CCCCCC;

}

</style>

$(document).ready(function () {

$('a[data-toggle="tab"]').on('show.bs.tab', function (e) {

localStorage.setItem('activeTab', $(e.target).attr('href'));

});

var activeTab = localStorage.getItem('activeTab');

if (activeTab) {

$('#myTab a[href="' + activeTab + '"]').tab('show');

}

});

</script>

.bs-example{

margin: 20px;

}

</style>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<li><a data-toggle="tab" href="#CourseDetails" class="tab1">Course Details</a></li>

<li><a data-toggle="tab" href="#BatchDetails" class="tab2 active" >Batch Details</a></li>

<li><a data-toggle="tab" href="#ExamDetails" class="tab3">Exam Details</a></li>

<li><a data-toggle="tab" href="#InvoiceDetails" class="tab4">Invoice Details</a></li>

</ul>

<asp:Label ID="Lbl_Course_Div_Status" Text="0" runat="server" Visible="false"></asp:Label>

<legend style="text-align:center; background-color:#4AAD44"> Course Details</legend>

<h4 class="widget-thumb-heading">Total</h4>

<asp:Label ID="lblTotalCourseRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<h4 class="widget-thumb-heading">Approved</h4>

<asp:Label ID="lblApprovedCourseRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<h4 class="widget-thumb-heading">Pending</h4>

<asp:Label ID="lblPendingCourseRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<h4 class="widget-thumb-heading">Rejected</h4>

<asp:Label ID="lblRejectedCourseRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<asp:GridView ID="grdCourseDetails" runat="server" CssClass="table table-responsive"

AutoGenerateColumns="False" EmptyDataText="No Records Found!" ShowHeaderWhenEmpty="True"

AllowPaging="True" PagerSettings-PageButtonCount="10" PagerSettings-Mode="Numeric"

onpageindexchanging="grdCourseDetails_PageIndexChanging" PageSize="10" CellPadding="4"

ForeColor="#333333" GridLines="None" Width="100%">

<asp:TemplateField HeaderText="Sl.No">

<%#(grdCourseDetails.PageSize * grdCourseDetails.PageIndex) + (Container.DisplayIndex + 1)%>

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField="Course_Name" NullDisplayText="N/A" HeaderText="Course Name"/>

<asp:BoundField DataField="Requested_Date" NullDisplayText="N/A" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Requested Date"/>

<asp:BoundField DataField="Approval_Date" NullDisplayText="N/A" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Approval Date"/>

<asp:BoundField DataField="Remark" NullDisplayText="N/A" HeaderText="Remarks"/>

<asp:BoundField DataField="Req_Status" NullDisplayText="N/A" HeaderText="Status"/>

</Columns>

</asp:GridView>

</div>

</fieldset>

</div>

<asp:Label ID="Lbl_Batch_Div_Status" Text="0" runat="server" Visible="false"></asp:Label>

<legend style="text-align:center"> Batch Details</legend>

<h4 class="widget-thumb-heading">Total</h4>

<asp:Label ID="lblTotalBatchRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<h4 class="widget-thumb-heading">Approved</h4>

<asp:Label ID="lblApprovedBatchRequest" runat="server" Text=""></asp:Label></i>

</div>

</div>

<h4 class="widget-thumb-heading">Pending</h4>

<asp:Label ID="lblPendingBatchRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<h4 class="widget-thumb-heading">Rejected</h4>

<asp:Label ID="lblRejectedBatchRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<asp:GridView ID="grdBatchDetails" runat="server" CssClass="table table-responsive" OnPreRender="grdBatchDetails_OnPreRender"

AutoGenerateColumns="False" EmptyDataText="No Records Found!" ShowHeaderWhenEmpty="True"

AllowPaging="True" PagerSettings-PageButtonCount="10" PagerSettings-Mode="Numeric" OnDataBound="grdBatchDetails_DataBound"

onpageindexchanging="grdBatchDetails_PageIndexChanging" PageSize="10" CellPadding="4" OnRowCommand="grdBatchDetails_RowCommand"

ForeColor="#333333" GridLines="None" Width="100%">

<asp:TemplateField HeaderText="S. No" ItemStyle-Width="10">

<%#(grdBatchDetails.PageSize * grdBatchDetails.PageIndex) + (Container.DisplayIndex + 1)%>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Batch ID" ItemStyle-Width="0" Visible="false">

<asp:Label ID="Row_No" runat="server" Text='<%# Eval("Row_No") %>'/>

<asp:Label ID="yearof" runat="server" Text='<%# Eval("yearof") %>'/>

<asp:Label ID="Batch_id" runat="server" Text='<%# Eval("Batch_id") %>'/>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Batch Code">

<asp:LinkButton id="Batch_Code" Text='<%# Eval("Batch_Code") %>' Width="100px" runat="server" CssClass="GridViewButton" CommandName="ExamLog" CommandArgument='<%#Eval("Batch_Code") %>' />

<%-- <asp:Label ID="Batch_Code" runat="server" Width="100px" Text='<%# Eval("Batch_Code") %>'/>--%>

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField="Agency_id" HeaderText="Agency_id" Visible="false" />

<asp:BoundField DataField="course_id" HeaderText="course_id" Visible="false" />

<asp:TemplateField HeaderText="Course Name">

<asp:Label ID="Course_Name" runat="server" Width="150px" Text='<%# Eval("Course_Name") %>'/>

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField="Max_Student_Allowed" NullDisplayText="N/A" HeaderText="Batch Size"/>

<asp:TemplateField HeaderText="Batch Date Details">

<asp:label Text='Start:' runat="server"></asp:label><asp:Label ID="Batch_Start_Date" runat="server" Width="100px" Text='<%#Eval("Batch_Start_Date") %>' DataFormatString="{0:dd/MM/yyyy}" /><br />

<asp:label Text='End:' runat="server"></asp:label><asp:Label ID="Batch_End_Date" runat="server" Width="100px" Text='<%# Eval("Batch_End_Date") %>' DataFormatString="{0:dd/MM/yyyy}"/><br />

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Created Date">

<asp:Label ID="createddate" runat="server" Width="60px" Text='<%# Eval("createddate") %>' DataFormatString="{0:dd/MM/yyyy}" />

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField="batchLocation" NullDisplayText="N/A" HeaderText="Location" Visible="false"/>

<asp:BoundField DataField="RequestStatus" NullDisplayText="N/A" HeaderText="Status"/>

<asp:TemplateField HeaderText="Total Students Registered (No.)" ItemStyle-Width="40">

<asp:Label ID="Original_Stu_count" runat="server" Text='<%# Eval("Original_Stu_count") %>'/>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Freeze" Visible="false">

<asp:LinkButton ID="Freeze_Status" Text="Freeze" CommandName="BatchSize_Freeze" runat="server" Visible="false" CommandArgument='<%#Eval("Batch_Code") %>'/>

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField="RegisterStudent_Status" NullDisplayText="" HeaderText="Register Student" Visible="false"/>

<asp:TemplateField HeaderText="Register Student" ItemStyle-Width="40">

<asp:Label ID="status" runat="server" Text='<%# Eval("status") %>' Visible="false"/>

<asp:Label ID="RegisterStudent_Status" runat="server" Text='<%# Eval("RegisterStudent_Status") %>' Visible="false" />

<asp:HyperLink id="btn_StudentRegister" Text="Register Student" runat="server" CssClass="GridViewButton" NavigateUrl='<%# "./ManageStudent/RegisterStudent.aspx?CA_ID=" + Eval("Agency_id") + "&course_id=" + Eval("course_id") + "&Batch_ID=" + Eval("Batch_id") %>'/>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Request Date">

<asp:Label ID="RED_BatchReqCount" runat="server" Text='<%# Eval("RED_BatchReqCount") %>' Visible="false"/>

<asp:Label ID="RED_EntryOn" runat="server" Text='<%# Eval("RED_EntryOn") %>' Visible="false"/>

<asp:HyperLink id="btn_RED" Text="Request Exam" runat="server" CssClass="GridViewButton" NavigateUrl='<%# "./ManageExam/RequestExamDate.aspx?yearof=" + Eval("yearof") + "&course_id=" + Eval("course_id") + "&Batch_ID=" + Eval("Batch_id") + "&Agency_id=" + Eval("Agency_id") %>'/>

<asp:HyperLink id="btn_RED2" Text="Request 2nd Exam" runat="server" CssClass="GridViewButton" NavigateUrl='<%# "./ManageExam/RequestExamDate2.aspx?yearof=" + Eval("yearof") + "&course_id=" + Eval("course_id") + "&Batch_ID=" + Eval("Batch_id") + "&Agency_id=" + Eval("Agency_id") + "&Count=2" %>'/>

<asp:HyperLink id="btn_RED3" Text="Request 3rd Exam" runat="server" CssClass="GridViewButton" NavigateUrl='<%# "./ManageExam/RequestExamDate2.aspx?yearof=" + Eval("yearof") + "&course_id=" + Eval("course_id") + "&Batch_ID=" + Eval("Batch_id") + "&Agency_id=" + Eval("Agency_id") + "&Count=3" %>'/>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Scheduled Exam Date">

<asp:Label ID="RED_StudentExamDate" runat="server" Text='<%# Eval("RED_StudentExamDate") %>' Visible="false"/>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Approved / Student Passed">

<asp:Label ID="RED_StudentCount" runat="server" Text='<%# Eval("RED_StudentCount") %>' Visible="false"/>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Pass/Fail">

<asp:Label ID="Exam_Status" runat="server" Text='<%# Eval("Exam_Status") %>' Visible="false"/>

<asp:Label ID="Exam_Result" runat="server" Text='<%# Eval("Exam_Result") %>' Visible="false"/>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Invoice" Visible="false">

<asp:HyperLink id="Btn_CreateInvoice" Text="Create" Visible="false" runat="server" CssClass="GridViewButton" NavigateUrl='<%# "./ManageInvoice/InvoiceInbox.aspx" %>'/>

</ItemTemplate>

</asp:TemplateField>

</Columns>

</asp:GridView>

</div>

</fieldset>

<div>

<asp:UpdatePanel ID="upPopUps2" runat="server" UpdateMode="Conditional">

<asp:AsyncPostBackTrigger ControlID="cmdClosePopUp2" EventName="Click" />

</Triggers>

<asp:Panel ID="panelOverlay2" runat="server" CssClass="Overlay" Visible="false" ></asp:Panel>

<asp:Panel ID="panelPopUpPanel2" runat="server" CssClass="PopUpPanel" Visible="false" style="left: 13%; top: 100px">

<asp:Panel ID="panelPopUpTitle2" runat="server" style="width:100%;height:20px;text-align:right;">

<asp:ImageButton ID="cmdClosePopUp2" runat="server" ImageUrl="~/View/CertificationAgency/images/Close.gif" Height="15px" Width="20px"

onclick="cmdClosePopUp2_Click" />

</asp:Panel>

<legend>Request for Exam Date History</legend>

<div>

<asp:GridView ID="Grid_BatchLog" runat="server" GridLines="None" AllowPaging="false"

AutoGenerateColumns="False" ShowFooter="false" BackColor="White" ShowHeaderWhenEmpty="true" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px"

EmptyDataText="No Log Records" CssClass="table table-bordered table-condensed table-stripped table-responsive" TabIndex="1"

style="background-color:White;border-color:#CCCCCC;border-width:1px;border-style:None;border-collapse:collapse;font-size: 12px;">

<asp:TemplateField HeaderText="S No." ItemStyle-Width="20">

<%#(Container.DataItemIndex + 1)%>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="L_RED_BatchID" ItemStyle-Width="0" Visible="false">

<asp:Label ID="L_RED_BatchID" runat="server" Text='<%# Eval("L_RED_BatchID") %>' />

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Batch Code" ItemStyle-Width="40" >

<asp:Label ID="Batch_Code" runat="server" Text='<%# Eval("Batch_Code") %>' />

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="No. of Students" ItemStyle-Width="40" >

<asp:Label ID="L_RED_StudentCount" runat="server" Text='<%# Eval("L_RED_StudentCount") %>' />

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Remarks" ItemStyle-Width="40">

<asp:Label ID="L_RED_Remarks" runat="server" Text='<%# Eval("L_RED_Remarks") %>' />

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Request Date" ItemStyle-Width="40" >

<asp:Label ID="L_RED_ReqDate" runat="server" Text='<%# Eval("L_RED_ReqDate") %>' />

</ItemTemplate>

</asp:TemplateField>

</Columns>

</asp:GridView>

</center>

</div>

</fieldset>

</div>

</asp:Panel>

</ContentTemplate>

</asp:UpdatePanel>

</center>

</div>

<asp:Label ID="Lbl_Exam_Div_Status" Text="0" runat="server" Visible="false"></asp:Label>

<legend style="text-align:center; background-color:#e16821" > Exam Details</legend>

<h4 class="widget-thumb-heading">Total </h4>

<asp:Label ID="lblTotalExamRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<h4 class="widget-thumb-heading">Approved</h4>

<asp:Label ID="lblApprovedExamRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<h4 class="widget-thumb-heading">Pending</h4>

<asp:Label ID="lblPendingExamRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<h4 class="widget-thumb-heading">Rejected</h4>

<asp:Label ID="lblRejectedExamRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<asp:GridView ID="grdExamDetails" runat="server" CssClass="table table-responsive"

AutoGenerateColumns="False" EmptyDataText="No Records Found!" ShowHeaderWhenEmpty="True"

PagerSettings-PageButtonCount="10" PagerSettings-Mode="Numeric" onpageindexchanging="grdExamDetails_PageIndexChanging"

AllowPaging="True" PageSize="10" CellPadding="4" ForeColor="#333333" GridLines="None" Width="100%">

<asp:TemplateField HeaderText="Sl.No">

<%#(grdExamDetails.PageSize * grdExamDetails.PageIndex) + (Container.DisplayIndex + 1)%>

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField="REBD_Year" NullDisplayText="N/A" HeaderText="Year"/>

<asp:BoundField DataField="REBD_BatchID" NullDisplayText="N/A" HeaderText="Batch ID"/>

<asp:BoundField DataField="RED_BatchReqCount" NullDisplayText="N/A" HeaderText="Request Count"/>

<asp:BoundField DataField="RED_StudentID" NullDisplayText="N/A" HeaderText="No. of Students"/>

<asp:BoundField DataField="REBD_EntryOn" NullDisplayText="N/A" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Requested Date"/>

<asp:BoundField DataField="RED_CA_UpdatedOn" NullDisplayText="N/A" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Approval Date"/>

<asp:BoundField DataField="Status" NullDisplayText="N/A" HeaderText="Status"/>

</Columns>

</asp:GridView>

</div>

</fieldset>

</div>

<asp:Label ID="Lbl_Invoice_Div_Status" Text="0" runat="server" Visible="false"></asp:Label>

<legend style="text-align:center; background-color:#2e5f7f">Invoice Details</legend>

<h4 class="widget-thumb-heading">Total</h4>

<asp:Label ID="lblTotalInVoiceRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<h4 class="widget-thumb-heading">Approved</h4>

<asp:Label ID="lblApprovedInVoiceRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<h4 class="widget-thumb-heading">Pending</h4>

<asp:Label ID="lblPendingInVoiceRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<h4 class="widget-thumb-heading">Rejected</h4>

<asp:Label ID="lblRejectedInVoiceRequest" runat="server" Text=""></asp:Label>

</i>

</div>

</div>

<asp:GridView ID="grdInvoiceDetails" runat="server" CssClass="table table-responsive"

AutoGenerateColumns="False" EmptyDataText="No Records Found!" ShowHeaderWhenEmpty="True"

PagerSettings-PageButtonCount="10" PagerSettings-Mode="Numeric"

onpageindexchanging="grdInvoiceDetails_PageIndexChanging" AllowPaging="True" PageSize="10"

CellPadding="4" ForeColor="#333333" GridLines="None" Width="100%">

<asp:TemplateField HeaderText="Sl.No">

<%#(grdExamDetails.PageSize * grdExamDetails.PageIndex) + (Container.DisplayIndex + 1)%>

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField="Batch_Code" NullDisplayText="N/A" HeaderText="Batch Code"/>

<asp:BoundField DataField="I_Date" NullDisplayText="N/A" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Created Date"/>

<asp:BoundField DataField="I_Candidate_Total" NullDisplayText="N/A" HeaderText="Total Candidates"/>

<asp:BoundField DataField="I_Candidate_Trained" NullDisplayText="N/A" HeaderText="Trained Candidates"/>

<asp:BoundField DataField="I_Candidate_Certified" NullDisplayText="N/A" HeaderText="Certified Candidates"/>

<%-- <asp:BoundField DataField="I_Candidate_SC" NullDisplayText="N/A" HeaderText="SC Candidates"/>

<asp:BoundField DataField="I_Candidate_ST" NullDisplayText="N/A" HeaderText="ST Candidates"/>

<asp:BoundField DataField="I_Candidate_EWS" NullDisplayText="N/A" HeaderText="EWS Candidates"/>

<asp:BoundField DataField="I_Candidate_Reserved" NullDisplayText="N/A" HeaderText="Reserved Candidates"/>

<asp:BoundField DataField="I_Candidate_General" NullDisplayText="N/A" HeaderText="General Candidates"/>--%>

<asp:BoundField DataField="I_Amount_Reserved_CF" NullDisplayText="N/A" HeaderText="Amount Reserved CF"/>

<asp:BoundField DataField="I_Amount_Reserved_RCCF" NullDisplayText="N/A" HeaderText="Amount Reserved RCCF"/>

<asp:BoundField DataField="I_Amount_General_CF" NullDisplayText="N/A" HeaderText="Amount General CF"/>

<asp:BoundField DataField="I_Amount_General_RCCF" NullDisplayText="N/A" HeaderText="Amount General CF"/>

<%--<asp:BoundField DataField="I_TP_Remarks" NullDisplayText="N/A" HeaderText="Remarks"/>--%>

<asp:BoundField DataField="I_TP_Status" NullDisplayText="N/A" HeaderText="Status"/>

</Columns>

</asp:GridView>

</div>

</fieldset>

</div>

Home

Friday, June 17, 2022

JQuery tabs C# ASP.NET

No comments:

Post a Comment