Click here to Skip to main content
15,881,027 members
Articles / Web Development / ASP.NET

Google like Calendar in ASP.NET (AJAX)

Rate me:
Please Sign up or sign in to vote.
4.25/5 (23 votes)
8 Mar 2009CPOL2 min read 107.2K   4.6K   92  
This article describes how to manage events in calender.
html{
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
}
body{
	margin:0px;
	padding:0px;
	font-family:arial;
	font-size:0.8em;	
	height:100%;
	width:100%;
}

p,h2{
	margin:2px;
}

h1{
	font-size:1.4em;
	margin:2px;
}
h2{
	font-size:1.3em;
}
.demoButton{
	width:80px;
	font-size:0.8em;
	font-family:arial;
}
#demo_container{
	border:1px solid #000;
	width:986px;	
}

.demo_appoint_day{	
	width:130px;
	float:left;
	background-color: #FFFFD5;
	border-right:1px solid #F6DBA2;	
	position:relative;
	
}
#demo_top{
	background-color:buttonface;
	height:20px;
	border-bottom:1px solid #ACA899;
}
.demoContentTime,.spacer{
	background-color:#b3d1fc;
	text-align:center;
	font-family:arial;
	font-size:28px;
	line-height:59px;
	height:59px;	
	
	border-right:1px solid #ACA899;
	width:50px;
}

.demo_appointHour{	
	height:59px; 
	border-bottom:1px solid #F6DBA2;	
}

.spacer{
	height:20px;
	float:left;
}	

#demo_cal_hours{
	width:50px;
	float:left;

}
.demoContentTime{
	border-bottom:1px solid #ACA899;

}

#demo_cal_appointments{	
	width:917px;
	float:left;
}
.demoContentTime .content_hour{
	font-size:10px;
	text-decoration:superscript;	
	vertical-align:top;
	line-height:59px;
}
	
#demo_top{
	position:relative;
	clear:both;
}
#demo_cal_content{
	clear:both;
	height:540px;
	position:relative;
	overflow:auto;
	
}

.demo_appoint_time{
	position:absolute;
	border:1px solid #000;
	right:1px;
	top:5px;
	width:50px;
	height:12px;
	z-index:100000;
	font-size:0.7em;
	padding:1px;
	background-color:#F6DBA2;
}
.evtIndicator{
	background-color:#00F;
	z-index:50;
	display:none;
	position:absolute;
}
.days div{
	width:130px;
	float:left;
	background-color:#b3d1fc;
	text-align:center;
	font-family:arial;
	height:20px;
	font-size:0.9em;
	line-height:20px;
	border-right:1px solid #ACA899;	
}

.demo_cal_anAppointment{	
	position:absolute;
	background-color:#FFF;
	border:1px solid #000;
	z-index:1000;
	overflow:hidden;


}

.demo_appoint_header{	
	height:4px;
	background-color:#ACA899;
}
.demo_appoint_headerActive{ 
	height:4px;
	background-color:#ece9d8;
}

.demo_appoint_textarea{	
	font-size:0.7em;
	font-family:arial;
}

.demo_appoint_txt{
	font-size:0.7em;
	font-family:arial;
	padding:2px;
	padding-top:5px;
	overflow:hidden;

}
.demo_appoint_footer{
	position:absolute;
	bottom:-1px;
	border-top:1px solid #000;
	height:4px;
	width:100%;
	font-size:0.8em;
	background-color:#000;
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
CEO SL Soft Technologies
India India
SL-Soft Technologies provides e-business solutions and application management services to its various clients in India and abroad. Our expertise extends across a wide range of technologies encompassing Internet, E-Commerce, Data Warehousing, and Software Development. Our industry experience extends to providing solutions to several industries.

We believe in partnering with our clients for every solution we develop for them. Be it a Website Development, software development or any other assignment, we are always next to our clients. This gives us a unique opportunity to understand their business requirements and deliver them the solutions which fit the best in their needs. SL-Soft Technologies is on a continuous growth path ever since and has earned a clientele of highly satisfied customers. We are committed to set new horizons in client satisfaction.

Comments and Discussions