help for ajax calander control to highilight date

Posted by Subhadip under ASP.NET AJAX on 9/4/2012 | Points: 10 | Views : 1721 | Status : [Member] | Replies : 1

Write New Post |

Search Forums | Answered

Resolved Posts |

Un Answered Posts |

Forums Home

i have used AJAX CALANDER CONTROL not CALANDER CONTROL for date of birth. but i want to know how to highlight current date ,is there any CSS for calander control .

1.current date should be highlight in red color
2.on mouse over current date display bold and white in color

Reply | Reply with Attachment

Alert Moderator

Responses

Posted by: Vasanthmvp on: 9/5/2012 [Member] Starter | Points: 25

0	Hi Subhadip, You can do this by using ToolscriptManager & Calendar Extendar. Here im giving you a sample one. .aspx Page: <head runat="server"> <title></title> <style type="text/css"> .css .ajax__calendar_today { background-color: Yellow; color: Red; } .css .ajax__calendar_today:hover { font-weight: bold; } </style> </head> <body> <form id="form1" runat="server"> <asp:ToolkitScriptManager ID="ToolkitScriptManager2" runat="server"> </asp:ToolkitScriptManager> <div> <div> Date : <asp:TextBox ID="Date1" runat="server"></asp:TextBox> <asp:CalendarExtender ID="CalendarExtender1" CssClass="css" runat="server" TargetControlID="Date1" PopupPosition="BottomRight"> </asp:CalendarExtender> </div> </div> </form> </body> On focusing on to the textbox. A calendar will be poppuped with the current date highlighted. Regards, Awesome Coding !! :) Subhadip, if this helps please login to Mark As Answer. \| Alert Moderator

Hi Subhadip,
You can do this by using ToolscriptManager & Calendar Extendar.
Here im giving you a sample one.

.aspx Page:


<head runat="server">

    <title></title>

    <style type="text/css">

        .css .ajax__calendar_today

        {

            background-color: Yellow;

            color: Red;

        }

        

        .css .ajax__calendar_today:hover

        {

            font-weight: bold;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <asp:ToolkitScriptManager ID="ToolkitScriptManager2" runat="server">

    </asp:ToolkitScriptManager>

    <div>

        <div>

            Date : <asp:TextBox ID="Date1" runat="server"></asp:TextBox>

            <asp:CalendarExtender ID="CalendarExtender1" CssClass="css" runat="server" TargetControlID="Date1"

                PopupPosition="BottomRight">

            </asp:CalendarExtender>

        </div>

    </div>

    </form>

</body>

On focusing on to the textbox. A calendar will be poppuped with the current date highlighted.

Regards,

Awesome Coding !! :)

Subhadip, if this helps please login to Mark As Answer. | Alert Moderator

Latest Posts