Kendo UI Calendar = add mouse over to week and allow week selection on week click

1 Answer 40 Views
Calendar
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
Vedad asked on 31 May 2023, 09:07 PM

Hi,

I got specific request that I should highlight week number (and possibly that row) in calendar when user goes on week number with the mouse.
User wants to be able to select whole week in one click.

Can you please advise on approach how to achieve this, since I don't see any "hookable" event that I can use.

 

Thank you very much

Regards,

Vedad

1 Answer, 1 is accepted

Sort by
0
Accepted
Martin
Telerik team
answered on 05 Jun 2023, 08:55 AM

Hello, Vedad,

Setting the selectable option to multiple in combination with the weekNumber option allows you to select the whole date when you click on the week number. As for highlighting the number, you can use the jQuery mouseenter and mouseleave events to add a custom class to change the background color. Here is a small example for reference.

Let me know if that is what you are looking for.

Regards,
Martin
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
commented on 23 Jun 2023, 10:03 AM

Hi Martin,

thanks for the reply and sorry for my slow response.

I managed to implement and it works.

Thanks

Regards,

Vedad

Tags
Calendar
Asked by
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
Answers by
Martin
Telerik team
Share this question
or