Unplanned
Last Updated: 18 Oct 2021 18:47 by ADMIN
Salman
Created on: 05 Oct 2021 08:41
Category: Scheduler
Type: Feature Request
4
Scheduler Year View

Is this available for blazor? if not could it be added somehow temporarily until support for it is added?

 

https://demos.telerik.com/aspnet-mvc/scheduler/yearview

6 comments
ADMIN
Marin Bratanov
Posted on: 18 Oct 2021 18:47

Hi Salman,

Hiding content with CSS for this case should be OK, I only recommend you cascade it through a specific class for these calendar instances, so this rule does not affect all calendars in your app.

As for not executing the click logic - when you use @bind-Date you know which is the current month, and you can compare it with the date that the user clicked on, so if they click on a date from a different month you can avoid executing any logic.

Regards,
Marin Bratanov
Progress Telerik

Remote troubleshooting is now easier with Telerik Fiddler Jam. Get the full context to end-users' issues in just three steps! Start your trial here - https://www.telerik.com/fiddler-jam.
Salman
Posted on: 18 Oct 2021 06:46

I managed to hide other month days using the css below. Anything I should be worried about doing it this way? it seems to be fine so far. 

.k-calendar .k-other-month{
        visibility: hidden;
    }

 

My last gripe with this is that the month is clickable to open the date selector, anyway I can disable that?

Salman
Posted on: 17 Oct 2021 05:07

Thank you Marin, I managed to color the days with event as you mentioned, and hide the navigation. The problem is I am trying to create a calendar like the yearly scheduler. Therefore with the multiple calendars in proximity to each other, with dates from other months, results in displaying the event in both calendars on some days. Which seems like it would be very confusing for the users. 

Is it possible to at least add the option for us to hide the dates from other months, like the following

The ShowOtherMonthDays property controls whether the day matrix includes the last days of the previous month and the first days of the next month when they fall on the same week as the first or last day of the month. 

from: https://docs.telerik.com/devtools/aspnet-ajax/controls/calendar/getting-started/structure


ADMIN
Marin Bratanov
Posted on: 15 Oct 2021 18:22

Hello Salman, 

The scheduler as a ready-made component has logic that handles multiple events on the same day. When making your own, the template you make will need to take care of this. That's why my suggestion is to put a basic icon or color the day that has any events (basic example here and here).

To hide the navigation arrows, use CSS - inspect the component rendering and add rules that set display: none or visibility:hidden to the desired elements. Consider cascading this through a specific class for that instance so it does not affect other calendars in your app.

As for days from previous/next months - showing them is part of the design of the component and it cannot be changed.

Regards,
Marin Bratanov
Progress Telerik

Remote troubleshooting is now easier with Telerik Fiddler Jam. Get the full context to end-users' issues in just three steps! Start your trial here - https://www.telerik.com/fiddler-jam.
Salman
Posted on: 11 Oct 2021 07:18

Hi Marin,

Thank you for the prompt answer, I will try the method you mentioned.

It wouldn't have any trouble with multiple events on same day correct?

Also is there a way to remove the navigation part of the calendar? 

Lastly when I used the code mentioned here (month cell template) to do a quick test, it showed the previous and next month dates. How can I make it like example and hide the days of other months.

ADMIN
Marin Bratanov
Posted on: 06 Oct 2021 19:26

Hi Salman,

For the time being, you can consider rendering 12 calendar components and using their month cell template or item class to add a marker with an event. Upon a selection of a date (click), you could show a scheduler component with the details for the given day.

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.