[Solved] Next/Previous Month events

[nachid]

I am displaying a calendar inside a tabstrip and making taking the full space there
with a small jQuery code I am changing the display
I am showing the full dayname and making things different
Here is my code

$('.t-calendar th').css('width', '200px').css('height', '50px').css("text-align", "center")
$('.t-calendar td').css('height', '70px').css("text-align", "center")

$('.t-calendar th').each(function (index)
{
    $(this).text($(this).attr('title'));
});

This works perfectly and fulfills exactly my needs

However all my efforts are ruined when somebody hits next or previous month buttons.
Apparently the Calendar is rendered again and my settings are lost.

Is there a way I can trap the next/previous month events

[Hristo Germanov]

Hello nachid,

Unfortunately next previous and month buttons don't rise events. Workaround for your case is to hooking up to client 'click' event on this buttons and then you can apply all css rules.

All the best,
Hristo Germanov
the Telerik team

[nachid]

Hi Hristo
Thank you for your answer
I was investigating the telerik.calendar.js file and found that a navigate event is triggered whenever you move the header of the calendar.

$t.trigger(this.element, 'navigate', { direction: xxxxx});

I was wondering is there is a way to trap this event and hook something there

[Hristo Germanov]

Hi nachid,

Yes, you can try to achieve your goal with navigate event, but I notice that if you click on 't-other-month' days, navigate event will not triggered(my solution will not help too). In this case I suggest you to stop client 'click' on 't-other-month' days.

Best wishes,
Hristo Germanov
the Telerik team

[nachid]

Thank you Hristo
I went finally with your solution
I hope having onNavigate hook in one of the next releases

Calendar is really the poor relation of the library....