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

Web20 day skin behavior

15 Answers 66 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Jeff
Top achievements
Rank 1
Jeff asked on 18 Aug 2008, 05:50 PM
Hello,

I am evaluating telerik and using the help desk demo to do so. I notice an odd occurance; When I first load the demo app and run my mouse over the calendar, I see that the green square boarders (representing days with helpdesk activity) will go from clear and back to green.

When I change months and do the same with my mouse I notice the green squares do not return and all dates that I hover over will in effect remove the green boarder?

Why would this be...I assume it is not a planned behavior given that when the helpdesk is first loaded into the browser and I hover over all the days the green boarders always revert back.

Thanks!

15 Answers, 1 is accepted

Sort by
0
Pavel
Telerik team
answered on 19 Aug 2008, 11:43 AM
Hi Jeff,

I am not sure whether I understand the problem correctly. Could you elaborate a bit on the settings your RadCalendar control has, and what steps are necessary to reproduce the issue? Also can it be observed with our online examples? Any further details are welcome.

Sincerely yours,
Pavel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Jeff
Top achievements
Rank 1
answered on 19 Aug 2008, 04:32 PM
Yes, the issue is seen in online helpdesk demo.

If you select a day then hover your mouse over the other (non-selected) days of which are still shown the green selection boarder; that boarder will disappear as you hover your mouse over them. If you continue to work with the online demo you will find that if you move to another month and hover your mouse over those calendar days with the green day boarder this will cause the green day boarders to disappear as well.

This is something I would like to know how to correct for the app I am now working on (which is based on the Helpdesk demo).

Thanks!
0
Pavel
Telerik team
answered on 22 Aug 2008, 12:53 PM
Hello Jeff,

Indeed the problem can be observed on the help desk example. I will inform our developers about it and they will investigate the issue. As a small token of gratitude for bringing this to our attention I have updated your Telerik points.

Greetings,
Pavel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Jeff Nafe
Top achievements
Rank 1
answered on 16 Sep 2008, 04:42 PM
We are experiencing the same problem. Once a cell is hovered over, the cell's class takes on a new class. For example, each day's cell starts out with:

class="radCalDefault_WebBlue disabledCalDay"

After hover (and leave), the cell maintains:

class=radCalHover_WebBlue

I would expect it to revert back to it's previous class.

Also, I have a client side OnDayRender event defined. This DOES NOT fire the first time the calendar loads. But, once I navigate back/forward a month it fires for each of those. Why won't it fire the first time? I would expect it to fire each time the calendar is rendered.

Thanks!
0
Missing User
answered on 19 Sep 2008, 10:21 AM
Hi Jeff,

We are aware of this issue and a fix should be available in the next RadControl for ASP.NET AJAX release.

Regards,
Plamen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Jeff Nafe
Top achievements
Rank 1
answered on 14 Oct 2008, 07:03 PM
Hey-

Can you update the status of this issue? It appears that this didn't make SP2, but I wanted to confirm.

Thanks!

Jeff
0
Pavel
Telerik team
answered on 16 Oct 2008, 12:37 PM
Hi Jeff,

With the Q3 release the RadCalendar control will have new rendering which should address the issue.

Kind regards,
Pavel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Shaun
Top achievements
Rank 1
answered on 10 Feb 2009, 01:52 AM
This problem still seems to be present in Q3. Can you please confirm whether "the class reverting back to its previous state issue" has been fixed?
0
Pavel
Telerik team
answered on 10 Feb 2009, 10:27 AM
Hi Shaun,

Currently the Calendar cells have no class initially and after you hover on them and move the cursor away their Class is set to an empty string. Is that behavior causing any problems for you?

Best wishes,
Pavel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Shaun
Top achievements
Rank 1
answered on 10 Feb 2009, 12:05 PM
Hi - thanks, I think its related to the whole problem with Ajaxifying the Calendar, so what happens is, if you programmatically change the CSS class on postback (via Ajax), it sets correctly, then on mouseover it reverts back to empty. (Obviously doesn't know what was set in postback).
0
Pavel
Telerik team
answered on 11 Feb 2009, 08:29 AM
Hello Shaun,

Could you paste some markup/code, to illustrate the scenario better since I cannot reproduce it. You can also try using an UpdatePanel instead of RadAjaxPanel and see if that helps.

Regards,
Pavel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Jeff Nafe
Top achievements
Rank 1
answered on 30 Apr 2009, 01:09 PM
We are still seeing this issue. We have a weekly calendar in which we allow only the Mondays to be selectable, all other days are grayed out by putting a style on them to disable them. We use the following method on the server side to accomplish this:

    protected void DayRender_Weekly(object sender, DayRenderEventArgs e)
    {
        if (DateTime.Compare(e.Day.Date, SYSTEM_MIN_DATE) < 0)
        {
            e.Cell.ToolTip = SYSTEM_MIN_DATE_MESSAGE;
            return;
        }

        RadCalendarDay calendarDay = new RadCalendarDay();
        if (e.Day.Date.DayOfWeek == DayOfWeek.Monday) return;
        e.Cell.CssClass = "disabledCalDay";
        e.Cell.ToolTip = "Only Mondays are enabled for selection.";

        Label label = new Label {Text = e.Day.Date.Day.ToString()};
        e.Cell.Controls.Add(label);

        calendarDay.Date = e.Day.Date;
        calendarDay.IsSelectable = false;
        calendarDay.IsDisabled = true;
        cal.SpecialDays.Add(calendarDay);
    }

With this code, the calendar renders properly, but when I hover over a date, it turns black (selectable) and stays black after I've left. Here is an example of the rendered HTML:

//Following is a cell that has been hovered and no longer has any class assigned (disabledCalDay has been lost)
<TD class="" title="Only Mondays are enabled for selection." DayId="cal_2009_4_7" RenderDay="null"><SPAN>7</SPAN></TD>
//Following is a cell that is currently being hovered over, the "disabledCalDay" class is automatically overwritten by "rcHover"
<TD class=rcHover title="Only Mondays are enabled for selection." DayId="cal_2009_4_8" RenderDay="null"><SPAN>8</SPAN></TD>
//Following is a cell that hasn't been hovered over yet, so it still renders properly (gray)
<TD class=" disabledCalDay" title="Only Mondays are enabled for selection." DayId="cal_2009_4_9" RenderDay="null"><SPAN>9</SPAN></TD>

Is there a fix for this?

Thanks!

Jeff

0
Pavel
Telerik team
answered on 04 May 2009, 01:20 PM
Hi Jeff,

I have prepared a small sample which implements approach similar to yours and behaves as expected on my end. Give it a try and let me know what is different in your case.

Best wishes,
Pavel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Jeff Nafe
Top achievements
Rank 1
answered on 04 May 2009, 04:24 PM

Thanks Pavel-

Your sample works properly but obviously it's a much simpler sample then our app. I've still not been able to get ours to work properly, or able to get your sample to behave improperly. So, I'm still working on it. In the meantime, I was wondering if you know what determines whether the css class of rcHover gets added to a cell upon a mouseover? This is the main difference between your working sample and my non-working sample. I'm assuming that there is some case in the Telerik internal code that stops that style from being added in certain cases. If I knew how that worked, then I think I could figure out how to resolve my issue.

 

Thanks!

 

Jeff

0
Pavel
Telerik team
answered on 05 May 2009, 01:14 PM
Hello Jeff,

I have examined the sample you sent us in the support ticket regarding the same problem you have opened and was able to reproduce the issue. Unfortunately it is a known limitation currently that you cannot use our RadAjaxManager/RadAjaxPanel and set the styles of the cells in the DayRender event. It is executed too late and the styles are not applied properly. I have modified your sample to use UpdatePanel instead, which works as expected. Another option is to use the SpecialDays collection as shown in this example.

Please excuse us for any inconvenience this might cause you.

Sincerely yours,
Pavel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
Calendar
Asked by
Jeff
Top achievements
Rank 1
Answers by
Pavel
Telerik team
Jeff
Top achievements
Rank 1
Jeff Nafe
Top achievements
Rank 1
Missing User
Shaun
Top achievements
Rank 1
Share this question
or