Problem rcSelected removed on hover

4 posts, 0 answers
  1. Thomas
    Thomas avatar
    12 posts
    Member since:
    Apr 2009

    Posted 11 Feb 2011 Link to this post

    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.
  2. Pavel
    Admin
    Pavel avatar
    904 posts

    Posted 15 Feb 2011 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Shelly Kalra
    Shelly Kalra avatar
    5 posts
    Member since:
    May 2010

    Posted 12 Sep 2012 Link to this post

    Hi,
    I'm using the latest version of telerik, But still I'm facing the same problem.

    Version : 2012.2.607.40
    Browser : All
  5. Vasil
    Admin
    Vasil avatar
    1547 posts

    Posted 14 Sep 2012 Link to this post

    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.
Back to Top