i have a registration form which contains four div.each DIV are having Save button. Once i click the save Button the currect Div module should be hidden and next DIV should be opened..
But my problem is After i save first div
The page is redirect to same page get ID from url value
then hidden first div ..but didn't hidden the first div
sorry my bad english...
Code behind File:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using BDM.Business;
using BDM.Framework.Utilities;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;
using System.Globalization;
using System.Web.Services;
using System.Data;
public partial class doctor_registration : System.Web.UI.Page
{
int iDoctorID = 0;
//int iDoctorinformationId = 0;
//int iDoctorEducationId = 0;
//int iDoctorSocialId = 0;
string skey = string.Empty;
protected void Page_Load(object sender, EventArgs e)
{
skey = Request.QueryString["key"] == null ? "" : Request.QueryString["key"];
if (Validation.IsShort(skey))
iDoctorID = Convert.ToInt32(skey);
if (iDoctorID > 0)
{
hdnDoctorId.Value = iDoctorID.ToString();
//this.ContactDetails(iDoctorID);
}
//if(!Page. IsPostBack)
//{
// Person.Visible = true;
// Education.Visible = false;
// Doctor.Visible = false;
// Social.Visible = false;
//}
}
#region Ajax Class
public class UserAjax
{
public string AjxUserId;
public string AjxContactId;
public string AjxEducationId;
public string AjxExperienceId;
public string AjxResumeId;
public string AjxQualification;
public string AjxMajor;
public string AjxInstitute;
public string AjxYearOfPassing;
public string AjxCompanyName;
public string AjxDesignation;
public string AjxWorkDesc;
public string AjxFromDate;
public string AjxToDate;
public string LastName;
public string Message;
public string AjxTable;
}
#endregion
#region DOCTOR REGISTRATION
protected void btnDocRegistration_Click(object sender, EventArgs e)
{
string latitude = string.IsNullOrEmpty(hfLat.Value) ? "0" : hfLat.Value;
string longitude = string.IsNullOrEmpty(hfLon.Value) ? "0" : hfLon.Value;
//try
//{
// if (ValidationForm())
// {
BD_Doctor oDoctor = new BD_Doctor();
oDoctor.DoctorID = iDoctorID;
oDoctor.DoctorSource = "D";
oDoctor.Tittle = ddlTitle.SelectedValue.ToString();
oDoctor.DoctorName = txtDoctorName.Text;
oDoctor.DoctorCode = "DOC" + "00" + oDoctor.DoctorID;
oDoctor.RegistrationNo = txtRegistrationNo.Text;
oDoctor.Gender = ddlGender.SelectedValue.ToString();
oDoctor.DocDOB = Convert.ToDateTime(txtDob.Text);
oDoctor.DocAddress1 = txtAddress1.Text;
oDoctor.DocAddress2 = txtAddress2.Text;
oDoctor.Country = txtCountry.Text;
oDoctor.State = txtState.Text;
oDoctor.City = txtCity.Text;
oDoctor.Pincode = txtPinCode.Text;
oDoctor.Mobile = txtMobileNo.Text;
oDoctor.Phone = txtPhoneNumber.Text;
oDoctor.Email = txtEmail.Text;
oDoctor.Website = txtWebsite.Text;
oDoctor.AadhaarCardNo = txtAadhaarCardNo.Text;
oDoctor.FromTime = txtFromTime.Text;
oDoctor.ToTime = txtToTime.Text;
oDoctor.Status = Convert.ToChar(ddlStatus1.SelectedValue);
oDoctor.Latitude = Convert.ToDecimal(latitude, System.Globalization.CultureInfo.InvariantCulture);
oDoctor.Longitude = Convert.ToDecimal(longitude, System.Globalization.CultureInfo.InvariantCulture);
oDoctor.Type = "D";
oDoctor.SaveDoctor();
int newID = oDoctor.DoctorID;
if (newID > 0)
{
if (txtUploadImage.PostedFile.ContentLength > 0 && txtUploadImage.PostedFile != null)
{
this.saveImage(newID.ToString());
}
divError.InnerHtml = "Doctor info saved failed";
Response.Redirect("doctor-registration.aspx?key=" + newID, false);
Person.Visible = false;
Doctor.Visible = true;
Education.Visible = false;
Social.Visible = false;
}
else
divError.InnerHtml = "<h5>Error !</h5><ul><li>Doctor info saved failed. Retry</li></ul>";
//}
//}
//catch
//{
//}
}
#endregion
#region Doctor Information
[WebMethod]
public static UserAjax SaveDocInformation(string Doctorid, string InformationID, string HospitalName, string DoctorRoomNo, string Speciality, string Specialist, string Language, string AboutDoctor, string AwardsDescription, string Awards)
{
UserAjax oUserAjax = new UserAjax();
string sDoctorID = string.Empty;
string sinformationId = string.Empty;
int iDoctorID = 0;
int iDoctorinformationId = 0;
sDoctorID = Doctorid == null ? "" : Doctorid;
if (Validation.IsShort(sDoctorID))
iDoctorID = Convert.ToInt32(sDoctorID);
sinformationId = InformationID == null ? "" : InformationID;
if (Validation.IsShort(sinformationId))
iDoctorinformationId = Convert.ToInt32(sinformationId);
string sMessage = string.Empty;
string sBuild = string.Empty;
if (sMessage != "")
{
oUserAjax.Message = sMessage;
}
else
{
BD_Doctor iDoctor = new BD_Doctor();
iDoctor.DoctorID = iDoctorID;
iDoctor.DoctorinformationID = iDoctorinformationId;
iDoctor.HospitalName = HospitalName.Trim();
iDoctor.DoctorRoomNo = DoctorRoomNo.Trim();
iDoctor.Speciality = Speciality.Trim();
iDoctor.Specialist = Specialist.Trim();
iDoctor.Language = Language.Trim();
iDoctor.AboutDoctor = AboutDoctor.Trim();
iDoctor.AwardsDescription = AwardsDescription.Trim();
iDoctor.SaveInformation();
//iDoctor.IsDefault = true;
if (iDoctorID > 0)
{
sMessage = "Contact successfully saved!";
oUserAjax.AjxContactId = iDoctorID.ToString();
oUserAjax.Message = sMessage;
}
else
{
sMessage = "Your submission failed!";
oUserAjax.Message = sMessage;
}
}
return oUserAjax;
}
#endregion
#region Doctor Education Information
[WebMethod]
public static UserAjax SaveDocEducation(string Doctorid, string hdnEducation, string Qualification, string Major, string YearOfPassing, string Institute, string Marks, string Status)
{
UserAjax oUserAjax = new UserAjax();
string sDoctorID = string.Empty;
string iEducationId = string.Empty;
int iDoctorID = 0;
int iDoctorEducationId = 0;
sDoctorID = Doctorid == null ? "" : Doctorid;
if (Validation.IsShort(sDoctorID))
iDoctorID = Convert.ToInt32(sDoctorID);
iEducationId = hdnEducation == null ? "" : hdnEducation;
if (Validation.IsShort(iEducationId))
iDoctorEducationId = Convert.ToInt32(iEducationId);
string sMessage = string.Empty;
string sBuild = string.Empty;
if (sMessage != "")
{
oUserAjax.Message = sMessage;
}
else
{
BD_Doctor eDoctor = new BD_Doctor();
eDoctor.DoctorID = iDoctorID;
eDoctor.DoctorEducationID = iDoctorEducationId;
eDoctor.Qualification = Qualification.Trim();
eDoctor.Major = Major.Trim();
eDoctor.YearOfPassing = YearOfPassing.Trim();
eDoctor.Institute = Institute.Trim();
eDoctor.Marks = Marks.Trim();
eDoctor.Status = Convert.ToChar(Status);
eDoctor.SaveEducation();
//iDoctor.IsDefault = true;
if (iDoctorID > 0)
{
sMessage = "Contact successfully saved!";
oUserAjax.AjxContactId = iDoctorID.ToString();
oUserAjax.Message = sMessage;
}
else
{
sMessage = "Your submission failed!";
oUserAjax.Message = sMessage;
}
}
return oUserAjax;
}
#endregion
#region Social Network
[WebMethod]
public static UserAjax SaveDocSocial(string Doctorid, string hdnSocialID, string FaceBookID, string TwitterID, string linkedinID, string PinterestID, string Status)
{
UserAjax oUserAjax = new UserAjax();
string sDoctorID = string.Empty;
string iSocialId = string.Empty;
int iDoctorID = 0;
int iDoctorSocialId = 0;
sDoctorID = Doctorid == null ? "" : Doctorid;
if (Validation.IsShort(sDoctorID))
iDoctorID = Convert.ToInt32(sDoctorID);
iSocialId = hdnSocialID == null ? "" : hdnSocialID;
if (Validation.IsShort(iSocialId))
iDoctorSocialId = Convert.ToInt32(iSocialId);
string sMessage = string.Empty;
string sBuild = string.Empty;
if (sMessage != "")
{
oUserAjax.Message = sMessage;
}
else
{
BD_Doctor eDoctor = new BD_Doctor();
eDoctor.DoctorID = iDoctorID;
eDoctor.DoctorSocialID = iDoctorSocialId;
eDoctor.FaceBookID = FaceBookID.Trim();
eDoctor.TwitterID = TwitterID.Trim();
eDoctor.linkedinID = linkedinID.Trim();
eDoctor.PinterestID = PinterestID.Trim();
eDoctor.Status = Convert.ToChar(Status);
eDoctor.SaveSocial();
//iDoctor.IsDefault = true;
if (iDoctorID > 0)
{
sMessage = "Contact successfully saved!";
oUserAjax.AjxContactId = iDoctorID.ToString();
oUserAjax.Message = sMessage;
}
else
{
sMessage = "Your submission failed!";
oUserAjax.Message = sMessage;
}
}
return oUserAjax;
}
#endregion
#region Save Image
private void saveImage(string sDoctorId)
{
int iMaxHeight = 128, iMaxWidth = 128;
int iHeight, iWidth;
txtUploadImage.SaveAs(Request.PhysicalApplicationPath + @"Doctor/" + System.IO.Path.GetFileName(txtUploadImage.PostedFile.FileName));
Bitmap oPhoto = new Bitmap(Request.PhysicalApplicationPath + @"Doctor/" + System.IO.Path.GetFileName(txtUploadImage.PostedFile.FileName));
System.Drawing.Image.GetThumbnailImageAbort oCallBack = new System.Drawing.Image.GetThumbnailImageAbort(ThumbnailCallback);
iHeight = oPhoto.Height;
iWidth = oPhoto.Width;
float ratio = (float)iWidth / iHeight;
iWidth = iMaxWidth;
iHeight = (int)Math.Floor(iMaxWidth / ratio);
if (iHeight > iMaxHeight)
{
iHeight = iMaxHeight;
iWidth = (int)Math.Floor(iMaxHeight * ratio);
}
System.Drawing.Image thumbnailPhoto = oPhoto.GetThumbnailImage(iWidth, iHeight, oCallBack, IntPtr.Zero);
thumbnailPhoto.Save(Request.PhysicalApplicationPath + @"Doctor/" + sDoctorId + ".jpg", ImageFormat.Jpeg);
oCallBack = null;
oPhoto.Dispose();
oPhoto = null;
File.Delete(Request.PhysicalApplicationPath + @"Doctor/" + System.IO.Path.GetFileName(txtUploadImage.PostedFile.FileName));
}
private void saveAwards(string sDoctorInfor)
{
int iMaxHeight = 128, iMaxWidth = 128;
int iHeight, iWidth;
txtUploadImage.SaveAs(Request.PhysicalApplicationPath + @"Awards/" + System.IO.Path.GetFileName(txtUploadImage.PostedFile.FileName));
Bitmap oPhoto = new Bitmap(Request.PhysicalApplicationPath + @"Awards/" + System.IO.Path.GetFileName(txtUploadImage.PostedFile.FileName));
System.Drawing.Image.GetThumbnailImageAbort oCallBack = new System.Drawing.Image.GetThumbnailImageAbort(ThumbnailCallback);
iHeight = oPhoto.Height;
iWidth = oPhoto.Width;
float ratio = (float)iWidth / iHeight;
iWidth = iMaxWidth;
iHeight = (int)Math.Floor(iMaxWidth / ratio);
if (iHeight > iMaxHeight)
{
iHeight = iMaxHeight;
iWidth = (int)Math.Floor(iMaxHeight * ratio);
}
System.Drawing.Image thumbnailPhoto = oPhoto.GetThumbnailImage(iWidth, iHeight, oCallBack, IntPtr.Zero);
thumbnailPhoto.Save(Request.PhysicalApplicationPath + @"Awards/" + sDoctorInfor + ".jpg", ImageFormat.Jpeg);
oCallBack = null;
oPhoto.Dispose();
oPhoto = null;
File.Delete(Request.PhysicalApplicationPath + @"Awards/" + System.IO.Path.GetFileName(txtUploadImage.PostedFile.FileName));
}
#endregion
public bool ThumbnailCallback()
{
return false;
}
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeFile="doctor-registration.aspx.cs" Inherits="doctor_registration" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<link rel="stylesheet" href="css/form_doctor.css" />
<link rel="stylesheet" type="text/css" href="dist/jquery-clockpicker.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="https://code.jquery.com/jquery-1.8.3.js"></script>
<style type="text/css">
#image_upload_preview
{
height: 100px;
width: 100px;
}
</style>
<style type="text/css">
#mapContainer
{
height: 500px;
width: 800px;
border: 10px solid #eaeaea;
}
</style>
<script>
$(document).ready(function () {
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#image_upload_preview').prop('src', e.target.result).show();
$('#remove').show();
}
reader.readAsDataURL(input.files[0]);
}
}
$("#<%=txtUploadImage.ClientID%>").change(function () {
readURL(this);
$('#image_upload_preview').show();
});
$("#<%=txtUploadImage.ClientID%>").click(function () {
$('#image_upload_preview').attr('src', '');
});
$('#image_upload_preview').click(function () {
$('#<%=txtUploadImage.ClientID%>').replaceWith($('#<%=txtUploadImage.ClientID%>').clone(true));
$('#image_upload_preview').hide();
});
$('#remove').click(function (e) {
$('#<%=txtUploadImage.ClientID%>').val("");
$('#image_upload_preview').attr("src", "");
$('#remove').hide();
})
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function () {
$("#<%=txtUploadAwards.ClientID%>").change(function () {
if (typeof (FileReader) != "undefined") {
var dvPreview = $("#dvPreview");
dvPreview.html("");
var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.gif|.png|.bmp)$/;
$($(this)[0].files).each(function () {
var file = $(this);
if (regex.test(file[0].name.toLowerCase())) {
var reader = new FileReader();
reader.onload = function (e) {
var img = $("<img />");
img.attr("style", "height:100px;width: 100px");
img.attr("src", e.target.result);
dvPreview.append(img);
}
reader.readAsDataURL(file[0]);
} else {
alert(file[0].name + " is not a valid image file.");
dvPreview.html("");
return false;
}
});
} else {
alert("This browser does not support HTML5 FileReader.");
}
});
});
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAV8AiebjdcoS-Ratewz-HDkFt7XCq3zOM&libraries=places&callback=initMap"></script>
<script type="text/javascript">
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
document.getElementById("<%=hfLat.ClientID %>").value = latitude;
document.getElementById("<%=hfLon.ClientID %>").value = longitude;
var coords = new google.maps.LatLng(latitude, longitude);
var mapOptions = {
zoom: 15,
center: coords,
mapTypeControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(
document.getElementById("mapContainer"), mapOptions
);
var marker = new google.maps.Marker({
position: coords,
map: map,
title: "Your current location!"
});
});
} else {
alert("Geolocation API is not supported in your browser.");
}
</script>
<script type="text/javascript">
function callAjax(jparms) {
$.ajax({
type: "POST",
url: jparms.url,
data: jparms.data,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
if (jparms.action == "SaveDocInformation")
SaveDocInformation(response.d)
if (jparms.action == "SaveDocEducation")
SaveDocEducation(response.d)
if (jparms.action == "SaveDocSocial")
SaveDocSocial(response.d)
},
failure: function (response) { response.d; }
});
}
$(document).ready(function () {
/* ############## Save ############## */
//$("input#btnSaveUser").click(function () { SaveUser(null) });
$("input#btnDocInformation").click(function () { SaveDocInformation(null) });
$("input#btnDocEducation").click(function () { SaveDocEducation(null) });
$("input#btnDocSocial").click(function () { SaveDocSocial(null) });
});
</script>
<script type="text/javascript">
var pageUrl = '<%=ResolveUrl("~/doctor-registration.aspx")%>'
function SaveDocInformation(response) {
//var text = document.getElementById("txtUploadAwards")
if (response == null) {
callAjax({
url: pageUrl + '/SaveDocInformation',
data: '{"Doctorid": "' + $("#<%=hdnDoctorId.ClientID %>").val() + '","InformationID" : "' + $("#<%=hdnInformationId.ClientID %>").val() + '","HospitalName" : "' + $("#<%=txtHospitalName.ClientID %>").val() + '","DoctorRoomNo" : "' + $("#<%=txtDoctorRoomNo.ClientID %>").val() + '","Speciality" : "' + $("#<%=txtSpeciality.ClientID %>").val() + '","Specialist" : "' + $("#<%=txtSpecialist.ClientID %>").val() + '","Language" : "' + $("#<%=txtLanguage.ClientID %>").val() + '","AboutDoctor" : "' + $("#<%=txtAboutDoctor.ClientID %>").val() + '","AwardsDescription" : "' + $("#<%=txtAwardsDescription.ClientID %>").val() + '","Awards" : "' + $("#<%=txtUploadAwards.ClientID %>").val() + '"}',
action: "SaveDocInformation"
});
}
else {
loading(false);
//alert(response.AjxUserId);
if (response.AjxContactId != null) {
//alert(response.AjxUserId);
$('#<%=hdnInformationId.ClientID%>').val(response.AjxContactId);
}
msg(true, response.Message);
}
}
function SaveDocEducation(response) {
//var text = document.getElementById("txtUploadAwards")
if (response == null) {
callAjax({
url: pageUrl + '/SaveDocEducation',
data: '{"Doctorid": "' + $("#<%=hdnDoctorId.ClientID %>").val() + '","hdnEducation" : "' + $("#<%=hdnEducationID.ClientID %>").val() + '","Qualification" : "' + $("#<%=txtQualification.ClientID %>").val() + '","Major" : "' + $("#<%=txtMajor.ClientID %>").val() + '","YearOfPassing" : "' + $("#<%=txtYearOfPassing.ClientID %>").val() + '","Institute" : "' + $("#<%=txtInstitute.ClientID %>").val() + '","Marks" : "' + $("#<%=txtMarks.ClientID %>").val() + '","Status" : "' + $("#<%=ddlStatus.ClientID %>").val() + '"}',
action: "SaveDocEducation"
});
}
else {
loading(false);
//alert(response.AjxUserId);
if (response.AjxContactId != null) {
//alert(response.AjxUserId);
$('#<%=hdnEducationID.ClientID%>').val(response.AjxContactId);
}
msg(true, response.Message);
}
}
function SaveDocSocial(response) {
//var text = document.getElementById("txtUploadAwards")
if (response == null) {
callAjax({
url: pageUrl + '/SaveDocSocial',
data: '{"Doctorid": "' + $("#<%=hdnDoctorId.ClientID %>").val() + '","hdnSocialID" : "' + $("#<%=hdnSocialID.ClientID %>").val() + '","FaceBookID" : "' + $("#<%=txtFaceBook.ClientID %>").val() + '","TwitterID" : "' + $("#<%=txtTwitter.ClientID %>").val() + '","linkedinID" : "' + $("#<%=txtlinkedin.ClientID %>").val() + '","PinterestID" : "' + $("#<%=txtPinterest.ClientID %>").val() + '","Status" : "' + $("#<%=ddlScoial.ClientID %>").val() + '"}',
action: "SaveDocSocial"
});
}
else {
loading(false);
//alert(response.AjxUserId);
if (response.AjxContactId != null) {
//alert(response.AjxUserId);
$('#<%=hdnSocialID.ClientID%>').val(response.AjxContactId);
}
msg(true, response.Message);
}
}
</script>
<script>
$(function () {
$('#<%= CancelDocRegistration.ClientID %>').click(function () {
window.location.href = "Default.aspx";
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$('#<%=btnDocRegistration.ClientID %>').on('click', function (e) {
$("#<%=Person.ClientID %>").hide();
$("#<%=Doctor.ClientID %>").show();
$("#<%=Education.ClientID %>").show();
$("#<%=Social.ClientID %>").show();
//$(this).show()
});
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<!--************************************
Home Slider Start
*************************************-->
<div id="tg-innerbanner" class="tg-innerbanner tg-bglight tg-haslayout">
<div class="tg-pagebar tg-haslayout">
<div class="container">
<div class="row">
<div class="col-xs-12">
<h1>
Doctor Registration Form</h1>
<ol class="tg-breadcrumb">
<li><a href="Default.aspx">Home</a></li>
<li class="active">Form</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<!--************************************
Home Slider End
*************************************-->
<!--.row-->
<div class="tg-haslayout">
<div class="container">
<div class="row" id="Person" runat="server">
<div class="col-md-12">
<div class="panel panel-info">
<div class="panel-heading">
1. Doctor Registration
<div class="pull-right">
1 /4</div>
</div>
<div class="panel-wrapper collapse in" aria-expanded="true">
<div class="panel-body">
<form action="#" class="form-horizontal">
<div id="mapContainer" style="display: none;">
</div>
<asp:HiddenField ID="hfLat" runat="server" />
<asp:HiddenField ID="hfLon" runat="server" />
<asp:HiddenField ID="hdnDoctorId" runat="server" />
<div class="form-body">
<h3 class="box-title">
Personal Information</h3>
<hr class="m-t-0 m-b-40">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Tittle</label>
<div class="col-md-9">
<%--<input type="text" class="form-control" placeholder="John doe">--%>
<asp:DropDownList ID="ddlTitle" class="form-control" runat="server">
<asp:ListItem>-- Select Tite --</asp:ListItem>
<asp:ListItem Value="Mr.">Mr.</asp:ListItem>
<asp:ListItem Value="Mrs.">Mrs.</asp:ListItem>
<asp:ListItem Value="Miss.">Miss.</asp:ListItem>
<asp:ListItem Value="Ms.">Ms.</asp:ListItem>
<asp:ListItem Value="Dr.">Dr.</asp:ListItem>
<asp:ListItem Value="Prof.">Prof.</asp:ListItem>
</asp:DropDownList>
<%--<span class="help-block">This is inline help </span>--%>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Doctor Name</label>
<div class="col-md-9">
<asp:TextBox ID="txtDoctorName" runat="server" placeholder="Enter Doctor Name" pattern=".{3,}"
required title="3 characters minimum" class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
</div>
<!--/row-->
<br />
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Registration No</label>
<div class="col-md-9">
<asp:TextBox ID="txtRegistrationNo" runat="server" placeholder="Enter Registration No"
required class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Gender</label>
<div class="col-md-9">
<asp:DropDownList ID="ddlGender" class="form-control" runat="server">
<asp:ListItem>--Select Gender --</asp:ListItem>
<asp:ListItem Value="M">Male</asp:ListItem>
<asp:ListItem Value="F">Female</asp:ListItem>
</asp:DropDownList>
</div>
</div>
</div>
<!--/span-->
</div>
<br />
<!--/row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Date of Birth</label>
<div class="col-md-9">
<asp:TextBox ID="txtDob" runat="server" Class="form-control datepicker" required
placeholder="mm/dd/yyyy"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Mobile Number</label>
<div class="col-md-9">
<asp:TextBox ID="txtMobileNo" runat="server" Class="form-control" required pattern='[0-9]{10}'
placeholder="Enter Your Mobile Number"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
</div>
<br />
<!--/row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Phone Number</label>
<div class="col-md-9">
<asp:TextBox ID="txtPhoneNumber" runat="server" Class="form-control" required placeholder="Enter Your Phone Number"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Email</label>
<div class="col-md-9">
<asp:TextBox ID="txtEmail" runat="server" Class="form-control" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"
title="please include an @ in the email address " placeholder="Enter Your EmailID"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
</div>
<br />
<!--/row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Website</label>
<div class="col-md-9">
<asp:TextBox ID="txtWebsite" runat="server" Class="form-control" placeholder="Enter Your Website"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Aadhaar Card No</label>
<div class="col-md-9">
<asp:TextBox ID="txtAadhaarCardNo" runat="server" Class="form-control" placeholder="Enter Your Aadhaar Card No"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
</div>
<br />
<!--/row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
From Time</label>
<div class="col-md-9">
<div class="input-group clockpicker " data-placement="bottom" data-align="top" data-autoclose="true">
<asp:TextBox ID="txtFromTime" runat="server" Class="form-control" value="13:04 AM"></asp:TextBox>
<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
</div>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
To Time</label>
<div class="col-md-9">
<div class="input-group clockpicker " data-placement="bottom" data-align="top" data-autoclose="true">
<asp:TextBox ID="txtToTime" runat="server" Class="form-control" value="13:04 PM"></asp:TextBox>
<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
</div>
</div>
</div>
</div>
<!--/span-->
</div>
<br />
<!--/row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Profile Image</label>
<div class="col-md-9">
<asp:FileUpload ID="txtUploadImage" runat="server" Class="form-control" />
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Perview Image</label>
<div class="col-md-9">
<img id="image_upload_preview" src="http://placehold.it/100x100" alt="your image" />
<a id="remove" onclick="javascript:ClearFileUploadControl();" style="display: none;
cursor: pointer;">Remove</a>
</div>
</div>
</div>
</div>
<br />
<h3 class="box-title">
Address</h3>
<hr class="m-t-0 m-b-40">
<!--/row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Address 1</label>
<div class="col-md-9">
<asp:TextBox ID="txtAddress1" runat="server" Class="form-control" required placeholder="Address Line 1"></asp:TextBox>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Address 2</label>
<div class="col-md-9">
<asp:TextBox ID="txtAddress2" runat="server" Class="form-control" placeholder="Address Line 2"></asp:TextBox>
</div>
</div>
</div>
</div>
<br />
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Country</label>
<div class="col-md-9">
<%--<asp:DropDownList ID="ddlCountry" runat="server" class="form-control">
<asp:ListItem>-- Select Your Country --</asp:ListItem>
</asp:DropDownList>--%>
<asp:TextBox ID="txtCountry" runat="server" Class="form-control" required placeholder="Country"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
State</label>
<div class="col-md-9">
<%--<asp:DropDownList ID="ddelState" runat="server" class="form-control">
<asp:ListItem>-- Select Your State --</asp:ListItem>
</asp:DropDownList>--%>
<asp:TextBox ID="txtState" runat="server" Class="form-control" required placeholder="State"></asp:TextBox>
</div>
</div>
</div>
<br />
<!--/span-->
</div>
<!--/row-->
<br />
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
City</label>
<div class="col-md-9">
<%--<asp:DropDownList ID="ddelCity" runat="server" class="form-control">
<asp:ListItem>-- Select Your City --</asp:ListItem>
</asp:DropDownList>--%>
<asp:TextBox ID="txtCity" runat="server" Class="form-control" required placeholder="City"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Pincode</label>
<div class="col-md-9">
<asp:TextBox ID="txtPinCode" runat="server" Class="form-control" required placeholder="PinCode"></asp:TextBox>
</div>
</div>
</div>
<br />
<!--/span-->
</div>
<!--/row-->
<br />
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Status</label>
<div class="col-md-9">
<asp:DropDownList ID="ddlStatus1" runat="server" class="form-control">
<asp:ListItem Value="Y">Active</asp:ListItem>
<asp:ListItem Value="N">In Active</asp:ListItem>
</asp:DropDownList>
</div>
</div>
</div>
</div>
</div>
<br />
<div class="form-actions">
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-offset-3 col-md-9">
<%--<button type="submit" class="btn btn-success">Submit</button>--%>
<asp:Button ID="btnDocRegistration" class="btn btn-success" Text="Save" runat="server"
OnClick="btnDocRegistration_Click" />
<button type="button" id="CancelDocRegistration" runat="server" class="btn btn-default">
Cancel</button>
</div>
</div>
</div>
<div class="col-md-6">
<asp:Label ID="divMsg" runat="server" EnableViewState="false" Visible="false" class="alert alert-danger"></asp:Label>
<div id="divError" runat="server" enableviewstate="false" visible="false" class="alert alert-danger">
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--./row-->
<!--Doctor Information-->
<div class="row" id="Doctor" runat="server" visible="false">
<div class="col-md-12">
<div class="panel panel-info">
<div class="panel-heading">
2. Doctor Information
<div class="pull-right">
2 /4</div>
</div>
<div class="panel-wrapper collapse in" aria-expanded="true">
<div class="panel-body">
<form action="#" class="form-horizontal">
<asp:HiddenField ID="hdnInformationId" runat="server" />
<div class="form-body">
<h3 class="box-title">
Doctor Information</h3>
<hr class="m-t-0 m-b-40">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Hospital Name</label>
<div class="col-md-9">
<asp:TextBox ID="txtHospitalName" runat="server" placeholder="Enter Hospital Name"
class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
DoctorRoomNo</label>
<div class="col-md-9">
<asp:TextBox ID="txtDoctorRoomNo" runat="server" placeholder="Enter Doctor Room No"
class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
</div>
<!--/row-->
<br />
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Speciality</label>
<div class="col-md-9">
<asp:TextBox ID="txtSpeciality" runat="server" placeholder="Speciality" class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Specialist</label>
<div class="col-md-9">
<asp:TextBox ID="txtSpecialist" runat="server" placeholder="Specialist" class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
</div>
<br />
<!--/row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Language</label>
<div class="col-md-9">
<asp:TextBox ID="txtLanguage" runat="server" Class="form-control" placeholder="For Ex: English, Tamil, hindi"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
About Doctor</label>
<div class="col-md-9">
<asp:TextBox ID="txtAboutDoctor" runat="server" Class="form-control" TextMode="MultiLine"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
</div>
<br />
<!--/row-->
<div class="row" style="display: none;">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Awards</label>
<div class="col-md-9">
<asp:FileUpload ID="txtUploadAwards" runat="server" multiple="multiple" Class="form-control" />
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Awards Description</label>
<div class="col-md-9">
<asp:TextBox ID="txtAwardsDescription" runat="server" Class="form-control" placeholder="For Ex: More Awards Name Please Type here"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<!--/span-->
</div>
<br />
<div class="row" style="display: none;">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Live Preview Awards</label>
<div class="col-md-9">
<div id="dvPreview">
<img id="Img1" src="http://placehold.it/100x100" alt="your image" />
</div>
</div>
</div>
</div>
</div>
</div>
<!--End row-->
<br />
<div class="form-actions">
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-offset-3 col-md-9">
<%--<asp:Button ID="btnDocInformation" class="btn btn-success" Text="Save" runat="server" OnClick="btnDocInformation_Click" />--%>
<input type="button" id="btnDocInformation" class="btn btn-success" value="Save" />
<button type="button" class="btn btn-default">
Cancel</button>
<button type="button" class="btn btn-primary">
Skip Registration</button>
</div>
</div>
</div>
<div class="col-md-6">
<div id="diverrorinformation" runat="server" enableviewstate="false" visible="false"
class="alert alert-danger">
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--./row-->
<!--Doctor Education Information-->
<div class="row" id="Education" runat="server" visible="false">
<div class="col-md-12">
<div class="panel panel-info">
<div class="panel-heading">
3. Doctor Education Information
<div class="pull-right">
3 /4</div>
</div>
<div class="panel-wrapper collapse in" aria-expanded="true">
<div class="panel-body">
<form action="#" class="form-horizontal">
<asp:HiddenField ID="hdnEducationID" runat="server" />
<div class="form-body">
<h3 class="box-title">
Education Information</h3>
<hr class="m-t-0 m-b-40">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Qualification</label>
<div class="col-md-9">
<asp:TextBox ID="txtQualification" runat="server" placeholder="For Ex: MBBS, BMBS, MBChB, MBBCh, Etc.."
class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Major</label>
<div class="col-md-9">
<asp:TextBox ID="txtMajor" runat="server" placeholder="Major" class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
</div>
<!--/row-->
<br />
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
YearOfPassing</label>
<div class="col-md-9">
<asp:TextBox ID="txtYearOfPassing" runat="server" placeholder="Year Of Passing" class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Institute</label>
<div class="col-md-9">
<asp:TextBox ID="txtInstitute" runat="server" placeholder="Institute" class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
</div>
<br />
<!--/row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Marks</label>
<div class="col-md-9">
<asp:TextBox ID="txtMarks" runat="server" Class="form-control" placeholder="Marks"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Status</label>
<div class="col-md-9">
<asp:DropDownList ID="ddlStatus" runat="server" class="form-control">
<asp:ListItem Value="Y">Active</asp:ListItem>
<asp:ListItem Value="N">In Active</asp:ListItem>
</asp:DropDownList>
</div>
</div>
</div>
<!--/span-->
</div>
<br />
</div>
<br />
<div class="form-actions">
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-offset-3 col-md-9">
<%--<asp:Button ID="btnDocEducation" class="btn btn-success" Text="Save" runat="server" OnClick="btnDocEducation_Click" />--%>
<input type="button" id="btnDocEducation" class="btn btn-success" value="Save" />
<button type="button" class="btn btn-default">
Cancel</button>
<button type="button" class="btn btn-primary">
Skip Registration</button>
</div>
</div>
</div>
<div class="col-md-6">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--./row-->
<!--Doctor Social Network-->
<div class="row" id="Social" runat="server" visible="false">
<div class="col-md-12">
<div class="panel panel-info">
<div class="panel-heading">
4. Social Network
<div class="pull-right">
4 /4</div>
</div>
<div class="panel-wrapper collapse in" aria-expanded="true">
<div class="panel-body">
<form action="#" class="form-horizontal">
<asp:HiddenField ID="hdnSocialID" runat="server" />
<div class="form-body">
<h3 class="box-title">
Social Network</h3>
<hr class="m-t-0 m-b-40">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
FaceBook</label>
<div class="col-md-9">
<asp:TextBox ID="txtFaceBook" runat="server" placeholder="Enter Your FaceBook ID"
class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Twitter</label>
<div class="col-md-9">
<asp:TextBox ID="txtTwitter" runat="server" placeholder="Enter Your Twitter ID" class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
</div>
<!--/row-->
<br />
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
linkedin</label>
<div class="col-md-9">
<asp:TextBox ID="txtlinkedin" runat="server" placeholder="Enter Your linkedin ID"
class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Pinterest</label>
<div class="col-md-9">
<asp:TextBox ID="txtPinterest" runat="server" placeholder="Enter Your Pinterest ID"
class="form-control"></asp:TextBox>
</div>
</div>
</div>
<!--/span-->
</div>
<br />
<!--/row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3">
Status</label>
<div class="col-md-9">
<asp:DropDownList ID="ddlScoial" runat="server" class="form-control">
<asp:ListItem Value="Y">Active</asp:ListItem>
<asp:ListItem Value="N">In Active</asp:ListItem>
</asp:DropDownList>
</div>
</div>
</div>
<!--/span-->
</div>
<br />
</div>
<br />
<div class="form-actions">
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-offset-3 col-md-9">
<%--<asp:Button ID="btnDocSocial" class="btn btn-success" Text="Finish" runat="server" OnClick="btnDocSocial_Click" />--%>
<input type="button" id="btnDocSocial" class="btn btn-success" value="Save" />
<button type="button" class="btn btn-default">
Cancel</button>
<button type="button" class="btn btn-primary">
Skip Registration</button>
</div>
</div>
</div>
<div class="col-md-6">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--./row-->
</div>
</div>
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="dist/jquery-clockpicker.min.js"></script>
<script type="text/javascript">
$('.clockpicker').clockpicker({ twelvehour: true })
if (/Mobile/.test(navigator.userAgent)) {
$('input').prop('readOnly', true);
}
</script>
<script type="text/javascript" src="assets/js/highlight.min.js"></script>
<script>
$(document).ready(function () {
$(".datepicker").datepicker();
});
</script>
</asp:Content>