This is a migrated thread and some comments may be shown as answers.

Make only Special Days clickable

2 Answers 21 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Hendrik Johns
Top achievements
Rank 1
Hendrik Johns asked on 22 Jul 2013, 07:31 PM
Hi,

Is there a way to make only dates that have been added as Special Days clickable?.

Thanks,

Hendrik

2 Answers, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 25 Jul 2013, 09:24 AM
Hello Hendrik,

You can use the following approach:
<telerik:RadCalendar ID="RadCalendar1" runat="server" DayStyle-CssClass="regularDay" DayOverStyle-CssClass="regularDay"
    SelectedDayStyle-CssClass="specialDay" UseColumnHeadersAsSelectors="false" UseRowHeadersAsSelectors="false">
    <ClientEvents OnDateClick="dateClick" />
    <SpecialDays>
        <telerik:RadCalendarDay IsToday="true" Repeatable="Today" ItemStyle-CssClass="specialDay">
        </telerik:RadCalendarDay>
    </SpecialDays>
</telerik:RadCalendar>
JavaScript:
function dateClick(sender, args) {
    var className = args.get_renderDay().DomElement.className;
    if (!className.contains("specialDay") && !className.contains("rcSelected")) {
        args.set_cancel(true);
    }
}
CSS:
.specialDay,
.specialDay :hover
{
    background-color: lime;
    cursor: pointer !important;
}
 
.regularDay,
.regularDay :hover
{
    cursor: default;
}

Hope this helps. Please give it a try and let us know if it works for you.

Regards,
Eyup
Telerik
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 the blog feed now.
0
Hendrik Johns
Top achievements
Rank 1
answered on 29 Jul 2013, 10:05 AM
Hi Eyup,

Sorry for the late response , have been on vacation.

That was just what I was looking for :)

Many Thanks,

Hendrik
Tags
Calendar
Asked by
Hendrik Johns
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Hendrik Johns
Top achievements
Rank 1
Share this question
or