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

Problem rcSelected removed on hover

3 Answers 87 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Thomas
Top achievements
Rank 1
Thomas asked on 11 Feb 2011, 06:11 PM
I'm having an issue with the hover effect on the RadCalendar.

I'm using special days to highlight days that have events on that day, these items have a grey color. Every other day is white, selected days are green. My selected days are classed "Populated"

So if i click on a date, that is NOT a special day with the 'populated' class, the selected date bg color goes green. This is expected. If i mouse around the selected date color stays which is what I want.

Now if i selected a 'Special Day' the color goes green, however when I hover over it and go off it, the color goes back to special day color. Inspecting the element I see that the rcSelected class is removed and the Populated class is there.

How come the normal days retain the rcSelected class on mouseover / out and the Special days lose the rcSelected class on mouseover/out?

**My rcSelected background color is !important, I know that the class is being removed via the IE dev toolbar.
I appreciate any help.

3 Answers, 1 is accepted

Sort by
0
Pavel
Telerik team
answered on 15 Feb 2011, 08:11 AM
Hello Thomas,

You are probably using an older version of RadControls for Asp.Net AJAX. There was an issue previously with RadCalendar, that styles applied to the cells were being lost after an Ajax update and hovering with the mouse. To workaround it you can update to a newer version of the controls, or replace RadAjax with regular asp UpdatePanel.

Greetings,
Pavel
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Shelly Kalra
Top achievements
Rank 1
answered on 12 Sep 2012, 06:36 AM
Hi,
I'm using the latest version of telerik, But still I'm facing the same problem.

Version : 2012.2.607.40
Browser : All
0
Vasil
Telerik team
answered on 14 Sep 2012, 07:10 AM
Hi Shelly,

Similar problem was fixed before, and the one that you are facing was not reported reported long ago until before 2 weeks. It was fixed just after the service pack, and will be included into the next release Q3 2012.
As a workaround you can set your special day to be explicitly marked as selected:
<telerik:RadCalendar ...>
    <SpecialDays>
         ........
        <telerik:RadCalendarDay IsSelected="true" ...>
        </telerik:RadCalendarDay>
    </SpecialDays>
</telerik:RadCalendar>
However this will not be suitable if the day is repeated and only one of it should be selected.
Not sure what your license is, but if you have the source you can edit CalendarViews.js on 187 line:
isSelected = specDay? Boolean(specDay.IsSelected):(null != this.RadCalendar.Selection._selectedDates.Get(processedDate));
Should become:
isSelected = (specDay && Boolean(specDay.IsSelected)) || (null != this.RadCalendar.Selection._selectedDates.Get(processedDate));
                    

Regards,
Vasil
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.
Tags
Calendar
Asked by
Thomas
Top achievements
Rank 1
Answers by
Pavel
Telerik team
Shelly Kalra
Top achievements
Rank 1
Vasil
Telerik team
Share this question
or