<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link href="../css/gridview.css" rel="stylesheet" type="text/css" />
<link href="../css/template.css" rel="stylesheet" type="text/css" />
<link href="css/button.css" rel="stylesheet" type="text/css" />
<!--collapse bar -->
<script type="text/javascript" src="../js/simpleaccordian/jquery.collapsiblepanel.js"></script>
<!-- calendar -->
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/jquery-ui.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
$(function(){
$("[id$=txtstdDOB]").datepicker
({
dateFormat: 'dd/mm/yy',
changeYear: true,
changeMonth: true,
yearRange: "-100:+50"
}).attr('readonly', 'true');
});
$(document).ready(function () {
$("DIV.Accordion > DIV.collapsePanelHeader").click(function () {
$(this).next("DIV.Content").slideToggle("fast");
$("DIV.Accordion > DIV.Content").not($(this).next("DIV.Content")).slideUp("fast");
});
});
</script>
<!-- CSS -->
<style type="text/css">
<!--collapse bar -->
.accordion-toggle:after {
font-family:Verdana, Geneva, Tahoma, sans-serif;
content:"\f077";
float: right;
color: inherit;
}
.collapsePanelHeader
{
width:690px;
height:15px;
color:#79a6d2;
font-weight:bold;
background-color:#66b3ed;
padding: 7px;
border: 1px solid #3860c3;
cursor: pointer;
font-weight: bold;
}
.HeaderContent
{
float:left;
padding-left:2px;
border:1px;
color:#000000;
height:30px;
}
.Content
{
width:700px;
border:1px;
border-color:#3860c3;
border-style:double;
padding:2px;
}
.bar
{
background-color: #d9b38c;
color:#000000;
height: 25px;
font:11px;
}
.bgColor {
background-color: #66CCFF;
font-size:12px;
font-family: Verdana;
text-align:center;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<table width="95%" align="center" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td>
<!--
<div class="Accordion">
<div id="header" class="collapsePanelHeader">
<div id="dvHeaderText" class="HeaderContent">STUDENT INFORMATION - STUDENT DETAILS</div>
</div>
<div id="dvstudent" class="Content" style="display:none">
<table width="95%" align="center" border="0" cellspacing="3" cellpadding="3">
<tr>
<td >
<tr>
<td class="bar" align="center">
<b>PERSONAL DETAILS</b>
</td>
</tr>
<asp:HiddenField ID="StudentID" runat="server" />
<asp:SqlDataSource ID="sqlDataSourceMaritalStatus" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM MaritalStatus ORDER BY MaritalStatus ASC"></asp:SqlDataSource>
<asp:SqlDataSource ID="sqlDataSourceEthnicity" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM Ethnicity ORDER BY Ethnicity ASC"></asp:SqlDataSource>
<asp:SqlDataSource ID="sqlDataSourceReligion" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM Religion ORDER BY Religion ASC"></asp:SqlDataSource>
<tr><td align="center"><asp:Label id="lblmsg" runat="server" ForeColor="Red" Display="Dynamic"/>
<%--<asp:CustomValidator ID="cvAddStudent" ErrorMessage="" SetFocusOnError="true"
runat="server" Display="Dynamic" OnServerValidate="cvAddStudent_ServerValidate"
ValidationGroup="ValidateClick" font-Bold="False" Font-Italic="True" Font-Strikeout="False"
ForeColor="Red"></asp:CustomValidator>
<br />
</td></tr>--%>
<tr>
<td align="center">
<br />
<table width="95%" border="0" cellpadding="2" cellspacing="2">
<tr valign="top" >
<td width="18%">Full Name</td>
<td width="37%"><asp:TextBox ID="txtstdName" runat="server" Width="165px" />
<asp:Label ID="Label14" runat="server" Font-Strikeout="False" ForeColor="Red" Text=" * "></asp:Label>
<asp:RequiredFieldValidator ID="stdname" runat="server" ErrorMessage=" * " ControlToValidate="txtstdName" style=" color:red" ValidationGroup="ValidateClick"/></td>
<td width="18%">Gender </td>
<td width="27%"><asp:DropDownList ID="ddlstdGender" runat="server" Width="137px" Height="23" DataTextField="Gender">
<asp:ListItem Value="">SELECT</asp:ListItem>
<asp:ListItem Value="Male"></asp:ListItem>
<asp:ListItem Value="Female"></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr valign="top">
<td>IC No</td>
<td><asp:TextBox ID="txtstdIcNo" runat="server" MaxLength="14" Width="165px"></asp:TextBox>
<asp:Label ID="Label1" runat="server" Font-Strikeout="False" ForeColor="Red" Text=" * "></asp:Label>
<asp:RequiredFieldValidator ID="stdicno" runat="server" ErrorMessage=" *" ControlToValidate="txtstdIcNo" style=" color:red" ValidationGroup="ValidateClick"/>
<br /><asp:RegularExpressionValidator ID="empic" runat="server" ControlToValidate="txtstdIcNo" ErrorMessage="Enter valid IC No with Dash(-)" ValidationExpression="^\d{6}-\d{2}-\d{4}$" ForeColor="Red" Display="Dynamic" ValidationGroup="ValidateClick" />
</td>
<td>Ethnicity </td>
<td><asp:DropDownList ID="ddlstdEthnic" DataSourceID="sqlDataSourceEthnicity" DataTextField="Ethnicity" DataValueField="EthnicityID" AppendDataBoundItems="true" runat="server" Font-Strikeout="False" Height="23" Width="137px">
<asp:ListItem Value="">SELECT</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr valign="top">
<td>D.O.B</td>
<td><asp:TextBox ID="txtstdDOB" runat="server" MaxLength="14" Width="165px"/>
</td>
<td>Age</td>
<td><asp:TextBox ID="txtstdAgee" runat="server" Width="137px"/>
<br /><asp:RegularExpressionValidator ID="evPAgee" runat="server" ControlToValidate="txtstdAgee" ErrorMessage="Insert number only" ValidationExpression="[0-9]{1,}" ForeColor="Red" Display="Dynamic" ValidationGroup="ValidateClick" />
</td>
</tr>
<tr valign="top">
<td>Parent marital Status </td>
<td><asp:DropDownList ID="ddlstdMaritalStatus" DataSourceID="sqlDataSourceMaritalStatus" DataTextField="MaritalStatus" DataValueField="MaritalStatusID" AppendDataBoundItems="true" runat="server" Font-Strikeout="False" Height="23" Width="137px">
<asp:ListItem Value="0">SELECT</asp:ListItem>
</asp:DropDownList>
</td>
<td>Number of Sibling</td>
<td><asp:TextBox ID="txtstdNoSib" runat="server" Width="137px"/>
<br /><asp:RegularExpressionValidator ID="evnosibling" runat="server" ControlToValidate="txtstdNoSib" ErrorMessage="Insert number only" ValidationExpression="[0-9]{1,}" ForeColor="Red" Display="Dynamic" ValidationGroup="ValidateClick" />
</td>
</tr>
<tr valign="top">
<td>Religion</td>
<td><asp:DropDownList ID="ddlstdReligion" DataSourceID="sqlDataSourceReligion" DataTextField="Religion" DataValueField="ReligionID" AppendDataBoundItems="true" runat="server" Font-Strikeout="False" Height="23" Width="137px">
<asp:ListItem Value="">SELECT</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
</table>
<br />
</td>
</tr>
<tr>
<td class="bar" align="center">
<b>CONTACT INFORMATION</b>
</td>
</tr>
<tr>
<td align="center">
<br />
<table width="95%" border="0" cellpadding="2" cellspacing="2">
<tr valign="top">
<td width="18%">Current Address </td>
<td colspan="3"><asp:TextBox ID="txtstdCurAdd" runat="server" Width="470px" TextMode="MultiLine"/></td>
</tr>
<tr valign="top">
<td>Correspondence Address </td>
<td colspan="3"><asp:TextBox ID="txtstdCorAdd" runat="server" Width="470px" TextMode="MultiLine" />
</td>
</tr>
<tr valign="top">
<td>Mobile No </td>
<td width="37%"><asp:TextBox ID="txtstdMobile" runat="server" Width="165px" />
<td>Residence No</td>
<td width="27%"><asp:TextBox ID="txtstdResidence" runat="server" Width="165px" /></td>
</tr>
<tr valign="top">
<td>Email </td>
<td><asp:TextBox ID="txtstdEmail" runat="server" Width="165px" />
<br /><asp:RegularExpressionValidator ID="apemailExp" runat="server" controltovalidate="txtstdEmail" errormessage="Invalid email address" ForeColor="Red" Display="Dynamic" validationexpression="^[a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$" ValidationGroup="ValidateClick"></asp:RegularExpressionValidator>
</td>
</tr>
</table>
<br />
</td>
</tr>
<tr>
<td class="bar" align="center">
<b>STUDENT DETAILS</b>
</td>
</tr>
<asp:SqlDataSource ID="sqlDataSourcestdScholarship" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM Scholarship ORDER BY Scholarship ASC"></asp:SqlDataSource>
<asp:SqlDataSource ID="sqlDataSourcestdInstitution" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM Institution ORDER BY Institution ASC"></asp:SqlDataSource>
<asp:SqlDataSource ID="sqlDataSourceStdStudyField" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM StudyField ORDER BY StudyField ASC"></asp:SqlDataSource>
<asp:SqlDataSource ID="sqlDataSourcestdCourse" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM Course ORDER BY CourseDescription ASC"></asp:SqlDataSource>
<asp:SqlDataSource ID="sqlDataSourcestdCountry" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM Country ORDER BY Country ASC"></asp:SqlDataSource>
<asp:SqlDataSource ID="sqlDataSourcestdUserStatus" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM UserStatus ORDER BY UserStatus ASC"></asp:SqlDataSource>
<asp:SqlDataSource ID="SqlDataSourceBatch" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM Batch ORDER BY Batch ASC"></asp:SqlDataSource>
<asp:SqlDataSource ID="SqlDataSourceIntake" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" ></asp:SqlDataSource>
<tr>
<td align="center">
<br />
<table width="95%" border="0" cellpadding="2" cellspacing="2">
<tr valign="top">
<td width="18%">Scholarship</td>
<td width="37%"><asp:DropDownList ID="ddlstdScholarship" DataSourceID="sqlDataSourcestdScholarship" DataTextField="Scholarship" DataValueField="ScholarshipID" AppendDataBoundItems="true" runat="server" Font-Strikeout="False" Height="23" Width="137px">
<asp:ListItem Value="">SELECT</asp:ListItem>
</asp:DropDownList>
<asp:Label ID="lblscholar" runat="server" Font-Strikeout="False" ForeColor="Red" Text=" * "></asp:Label>
<asp:RequiredFieldValidator ID="rvPScholarship" runat="server" ErrorMessage=" * " ControlToValidate="ddlstdScholarship" style=" color:red" ValidationGroup="ValidateClick"/>
</td>
<td width="18%">Batch</td>
<td width="27%"><asp:DropDownList ID="ddlstdBatch" runat="server" DataSourceID="SqlDataSourceBatch" DataTextField="Batch" DataValueField="BatchID" AppendDataBoundItems="true" AutoPostBack="true" OnSelectedIndexChanged="Batch_SelectedIndexChanged" Height="23" Width="137px">
<asp:ListItem Text="SELECT" value=""></asp:ListItem>
</asp:DropDownList>
<asp:Label ID="Label10" runat="server" Font-Strikeout="False" ForeColor="Red" Text=" * "></asp:Label>
<asp:RequiredFieldValidator ID="rvbatch" runat="server" ErrorMessage=" * " ControlToValidate="ddlstdBatch" style=" color:red" ValidationGroup="ValidateClick"/>
</td>
</tr>
<tr valign="top">
<td>Institution</td>
<td><asp:DropDownList ID="ddlstdInstitution" DataSourceID="sqlDataSourcestdInstitution" DataTextField="Institution" DataValueField="InstitutionID" AppendDataBoundItems="true" runat="server" Font-Strikeout="False" Height="23" Width="137px">
<asp:ListItem Value="">SELECT</asp:ListItem>
</asp:DropDownList>
<asp:Label ID="Label4" runat="server" Font-Strikeout="False" ForeColor="Red" Text=" * "></asp:Label>
<asp:RequiredFieldValidator ID="rvInsName" runat="server" ErrorMessage=" * " ControlToValidate="ddlstdInstitution" style=" color:red" ValidationGroup="ValidateClick"/>
</td>
<td>Intake</td>
<td><asp:DropDownList ID="ddlstdIntake" runat="server" DataSourceID="SqlDataSourceIntake" DataTextField="Intake" DataValueField="IntakeID" AppendDataBoundItems="true" AutoPostBack="true" Height="23" Width="137px">
<asp:ListItem Text="SELECT" value=""></asp:ListItem>
</asp:DropDownList>
<asp:Label ID="Label37" runat="server" Font-Strikeout="False" ForeColor="Red" Text=" * "></asp:Label>
<asp:RequiredFieldValidator ID="rvintake" runat="server" ErrorMessage="*" ControlToValidate="ddlstdIntake" style=" color:red" ValidationGroup="ValidateClick"></asp:RequiredFieldValidator>
</td>
</tr>
<tr valign="top">
<td>Field of Study</td>
<td><asp:DropDownList ID="ddlstdStudyField" DataSourceID="sqlDataSourceStdStudyField" DataTextField="StudyField" DataValueField="StudyFieldID" AppendDataBoundItems="true" runat="server" Font-Strikeout="False" Height="23" Width="137px">
<asp:ListItem Value="">SELECT</asp:ListItem>
</asp:DropDownList>
<asp:Label ID="Label5" runat="server" Font-Strikeout="False" ForeColor="Red" Text=" * "></asp:Label>
<asp:RequiredFieldValidator ID="rvStudyField" runat="server" ErrorMessage=" * " ControlToValidate="ddlstdStudyField" style=" color:red" ValidationGroup="ValidateClick"/>
</td>
<td>Fly Date </td>
<td><asp:TextBox ID="txtstdFly" runat="server" Width="137px" Height="23" />
</td>
</tr>
<tr valign="top">
<td>Course</td>
<td><asp:DropDownList ID="ddlstdCourse" DataSourceID="sqlDataSourcestdCourse" DataTextField="CourseDescription" DataValueField="CourseID" AppendDataBoundItems="true" runat="server" Font-Strikeout="False" Height="23" Width="137px">
<asp:ListItem Value="">SELECT</asp:ListItem>
</asp:DropDownList>
<asp:Label ID="Label6" runat="server" Font-Strikeout="False" ForeColor="Red" Text=" * "></asp:Label>
<asp:RequiredFieldValidator ID="rvstdCourse" runat="server" ErrorMessage=" * " ControlToValidate="ddlstdCourse" style=" color:red" ValidationGroup="ValidateClick"/>
</td>
<td>Graduate Year</td>
<td><asp:TextBox ID="txtstdGraduate" runat="server" Width="137px" Height="23"/>
<asp:Label ID="Label7" runat="server" Font-Strikeout="False" ForeColor="Red" Text=" * "></asp:Label>
<asp:RequiredFieldValidator ID="rvstdGraduate" runat="server" ErrorMessage=" *" ControlToValidate="txtstdGraduate" style=" color:red" ValidationGroup="ValidateClick"/>
</td>
</tr>
<tr>
<td>Country</td>
<td><asp:DropDownList ID="ddlstdCountry" DataSourceID="sqlDataSourcestdCountry" DataTextField="Country" DataValueField="CountryID" AppendDataBoundItems="true" runat="server" Font-Strikeout="False" Height="23" Width="137px">
<asp:ListItem Value="">SELECT</asp:ListItem>
</asp:DropDownList>
</td>
<td>Status</td>
<td><asp:DropDownList ID="ddlstdUserStatus" DataSourceID="sqlDataSourcestdUserStatus" DataTextField="UserStatus" DataValueField="UserStatusID" AppendDataBoundItems="true" runat="server" Font-Strikeout="False" Height="23" Width="137px">
<asp:ListItem Value="">SELECT</asp:ListItem>
</asp:DropDownList>
<asp:Label ID="Label8" runat="server" Font-Strikeout="False" ForeColor="Red" Text=" * "></asp:Label>
<asp:RequiredFieldValidator ID="rvPStatus" runat="server" ErrorMessage=" * " ControlToValidate="ddlstdUserStatus" style=" color:red" ValidationGroup="ValidateClick"/>
</td>
</tr>
</table>
<br />
</td>
</tr>
<tr>
<td class="bar" align="center">
<b>OTHERS</b>
</td>
</tr>
<tr>
<td align="center">
<br />
<table width="95%" border="0" cellpadding="2" cellspacing="2">
<tr valign="Top">
<td width="18%">Photo</td>
<td colspan="3"><asp:FileUpload ID="imgUpload" runat="server" Width="350px" /></td>
</tr>
<tr valign="Top">
<td width="18%">Remarks</td>
<td colspan="3"><asp:TextBox ID="txtstdRemarks" runat="server" Height="60px" Width="470px" TextMode="MultiLine" /></td>
</tr>
<tr valign="top">
<td>File</td>
<td colspan="3"><asp:FileUpload ID="upAttachment" runat="server" Width="350px" /><br />
<span><em>(Scholarship Agreement, Health Report)</span></em>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<br />
<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSaveStudent_Click" ValidationGroup="ValidateClick" OnClientClick="return Validate()" />
<asp:Button ID="btnCancel" runat="server" Text="Cancel" OnClick="btnCancel_Click" />
<br /><br />
</td>
</tr>
</table>
<br />
</td>
</tr>
</table>
</div>
<!--
<div id="Div2" class="collapsePanelHeader">
<div id="Div3" class="HeaderContent">STUDENT INFORMATION - FAMILY PARTICULARS</div>
</div>
<div id="dvFamily" class="Content" style="display:none">
Explanation of Code :
The Bootstrap collapse plugin basically requires the two elements to work properly — the controller element such as a button or hyperlink by clicking on which you want to collapse the other element, and the collapsible element itself.
The data-toggle="collapse" attribute (line no-2) is added to the controller element along with a attribute data-target (for buttons) or href (for anchors) to automatically assign the control of a collapsible element.
The data-target or href attribute accepts a CSS selector to apply the collapse to a specific element. Be sure to add the class .collapse to the collapsible element.
You can optionally add the class .in (line no-4) to the collapsible element in addition to the class .collapse to make it open by default.
</div>
</div>
<!--
<div id="Div7" class="collapsePanelHeader">
<div id="Div8" class="HeaderContent">STUDENT INFORMATION - SURETIES</div>
</div>
<%--<div id="dvSureties" class="Content" style="display:none">
</div>--%>
<!--
<div id="Div9" class="collapsePanelHeader">
<div id="Div10" class="HeaderContent">STUDENT INFORMATION - ACADEMIC</div>
</div>
<%--<div id="dvAcademic" class="Content" style="display:none">
</div>--%>
<!--
<div id="Div11" class="collapsePanelHeader">
<div id="Div12" class="HeaderContent">STUDENT INFORMATION - PROFESSIONAL BODY</div>
</div>
<%--<div id="dvPB" class="Content" style="display:none">
</div>--%>
<!--
<div id="Div13" class="collapsePanelHeader">
<div id="Div14" class="HeaderContent">STUDENT INFORMATION - ACTIVITIES</div>
</div>
<%--<div id="dvActivities" class="Content" style="display:none">
</div>--%>
<!--
<div id="Div15" class="collapsePanelHeader">
<div id="Div16" class="HeaderContent">STUDENT INFORMATION - CAREER PROGRESS</div>
</div>
<%--<div id="dvCP" class="Content" style="display:none">
</div>--%>
</div>
</td>
</tr>
</table>
<br />
<br />
</asp:Content>
Hi, how to make the first content for the collapse bar to open?