Thursday, March 15, 2012

Calendar Extender example in Asp.Net c#



*************************************************************************

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Calendar Extender example in Asp.Net c#</title>
    <style type="text/css">

    .cal_Theme1 .ajax__calendar_container
    {
    margin:0px 3px 0px 3px;
        background-color: #fff;
        border:solid 1px #e3e3e3;
    }

    .cal_Theme1 .ajax__calendar_header  {
        background-color: #fff;
        margin-bottom: 4px;
    }

    .cal_Theme1 .ajax__calendar_title,
    .cal_Theme1 .ajax__calendar_next,
    .cal_Theme1 .ajax__calendar_prev    {
        color:#000;
        padding-top: 3px;
    }

    .cal_Theme1 .ajax__calendar_body    {
        background-color: #fff;
        border: solid 1px #cccccc;
    }

    .cal_Theme1 .ajax__calendar_dayname {
        text-align:center;
        font-weight:bold;
        margin-bottom: 4px;
        margin-top: 2px;
    }

    .cal_Theme1 .ajax__calendar_day
    {
    color: #000;
        text-align:center;
    }

    .cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
    .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
    .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
    .cal_Theme1 .ajax__calendar_active  {
        color: #c50c28;
        font-weight: bold;
        background-color: #ffffff;
    }

    .cal_Theme1 .ajax__calendar_today
    {
        font-weight:bold;
    }

    .cal_Theme1 .ajax__calendar_other,
    .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
    .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
        color: #000;
    }

</style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
    <h2> Calendar Extender example</h2>
    <p>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <cc1:CalendarExtender
        ID="TextBox1_CalendarExtender"
        CssClass="cal_Theme1"
        PopupButtonID="Image1"
        PopupPosition="Right"
        runat="server"
        Enabled="True"
        TargetControlID="TextBox1">
        </cc1:CalendarExtender>
        <asp:Image ID="Image1" runat="server" ImageUrl="~/Calendar.png" Width="16px" />
    </p>
    <p>
        &nbsp;</p>
    </div>
    </form>
</body>
</html>


*************************************************************************

using System;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
}


*************************************************************************

Post a Comment