Hello Mohith, - - Thank you for contacting us. - - In order to remove the Hover hand-cursor effect, you will need to add a DayTemplate to your picker: - CSS: - - - text/css> - .specialDateClass - { - margin-right: 5px; - } - - - mark-up: - - - telerik:RadCalendar ID=RadCalendar1 runat=server> - SpecialDays> - telerik:RadCalendarDay Date=05/11/2012 - Repeatable=DayInMonth IsSelectable=false - TemplateID=DateTemplate> - telerik:RadCalendarDay> - SpecialDays> - CalendarDayTemplates> - telerik:DayTemplate ID=DateTemplate runat=server> - Content> - div class=specialDateClass> - 11 - div> - Content> - telerik:DayTemplate> - CalendarDayTemplates> - telerik:RadCalendar> - - You can apply additional styling to your disabled days using this approach. - - I hope this helps. Let me know if you have further requirements or questions - - Regards, - Eyup - the Telerik team - - If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now. -

Telerik Forums / UI for ASP.NET AJAX Forum / Calendar /

RadCalendar

Telerik UI for ASP.NET AJAX
Resources Buy Try

3 posts, 1 answers

Mohith

8 posts

Member since:
Apr 2011

Posted 08 May 2012 Link to this post

Hi,
I have a requirement where certain days in calendar have to be disabled. So I have used RadCalendarDay class to accomplish it. The problem is, though the dates are disabled, the cursor is still the html hand and not the default. How can I disable the html hand cursor. I have seen at this example (http://demos.telerik.com/aspnet-ajax/calendar/examples/functionality/specialdays/defaultcs.aspx )
, but my dates are coming from database. Please help!
Answer
Eyup
Admin

4030 posts

Posted 11 May 2012 Link to this post

Hello Mohith,

Thank you for contacting us.

In order to remove the Hover hand-cursor effect, you will need to add a DayTemplate to your picker:
CSS:

<style type="text/css">

        .specialDateClass

        {

            margin-right: 5px;

        }

</style>

mark-up:

<telerik:RadCalendar ID="RadCalendar1" runat="server">

        <SpecialDays>

            <telerik:RadCalendarDay Date="05/11/2012"

               Repeatable="DayInMonth" IsSelectable="false"

               TemplateID="DateTemplate">

            </telerik:RadCalendarDay>

        </SpecialDays>

        <CalendarDayTemplates>

            <telerik:DayTemplate ID="DateTemplate" runat="server">

                <Content>

                    <div class="specialDateClass">

                        11

                    </div>

                </Content>

            </telerik:DayTemplate>

        </CalendarDayTemplates>

    </telerik:RadCalendar>

You can apply additional styling to your disabled days using this approach.

I hope this helps. Let me know if you have further requirements or questions

Regards,
Eyup
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Mohith

8 posts

Member since:
Apr 2011

Posted 16 May 2012 Link to this post

It works now.. Thank you!