Custom Colors Break Views on Switch

[Volker]

Hey Ashok

need some more help, example attached.

When adding custom colors the views gets broken when switching (month <-><year).

Any idea?

Cheers,
Volker

Attachment: BlazorApp9_15ceba6.zip

[Volker]

Hi there,

thank you for your help, I found the solution here:
https://blazor.syncfusion.com/demos/scheduler/timeline-view?theme=fluent2

Great job, anyway

Cheers,
Volker

[Volker]

But I found another problem:

Let's say there is a milestone on 23th Dec. at 8 AM

All I can see is gray line. 

I can only guess that there is something behind this thin grey line:

when clicking on it it becomes visible:

What can I do so that milestones (with a duration of 0) are still clearly visible in the individual view modes?

Cheers,
Volker

[Ashokkumar Karuppasamy]

Hi Volker,

Based on the shared details, we have checked the issue on our end. However, we were unable to replicate the issue you mentioned, as it is working properly. For your reference, we have attached a screenshot below. Please review it, and if you are still facing the issue, we need some additional details to replicate the exact problem on our end. We kindly request you to provide the following details, as this information will greatly assist us in understanding and resolving the issue effectively.

Sample:  https://blazorplayground.syncfusion.com/htBIXrMzpZNyXWOz

Screenshot:



Please share the following details if you are still facing the issue.

•             Please share the exact code snippet used or the specific steps followed to replicate the reported issue.

•             Provide a simple sample that replicates the issue, or replicate the issue using our shared sample.

•             Could you please share any styles that might have overridden the default styles used in the Scheduler view?

Please get back to us with the required details for further assistance.

Regards,
Ashok

[Volker]

Hi Ashok

please run the attached example, start with "Month", then switch over to "Week" and "Day":

• milestones in "Month" are drawn correctly
• milestones in  "Week" are only grey lines

Hope this helps to show that milestones (which always have a duration of 0) are not shown in "Week" and "Day", only small lines are drawn. Please fix that.

Cheers,
Volker

Attachment: BlazorApp9_6cb73da2.zip

[Ashokkumar Karuppasamy]

Hi Volker,

Based on the shared details and code snippet, we have checked on our end and found that the startTime and endTime values of the event are the same. As a result, the height is calculated accordingly, making the event appear as a single line in Day and Week views.

In the vertical view, the event height is determined based on its duration, whereas in the Month view, the default height is set to 40px via CSS.

Therefore, we suggest setting the event's start and end times properly to resolve the mentioned issue.

    private void Refresh()

    {

        //init

        int index = 0;

 

        DateTime start = new DateTime(2025, 1, 1);

        DateTime end = new DateTime(2025, 12, 31);

        var range = (end - start).TotalHours;

 

        for (int i = 0; i < 1000; i++)

        {

            var rand = new Random();

 

            var date = start.AddHours(rand.NextDouble() * range);

            var colorRGB = String.Format("#{0:X6}", rand.Next(0x1000000));

 

            DataSource.Add(new AppointmentData

                {

                    Id = index++,

                    Subject = "Task " + i.ToString(),

                    StartTime = date,

                    EndTime = date.AddMinutes(20),

                    CategoryColor = colorRGB

                });

        }

 

       // StateHasChanged();

    }

Regards,
Ashok

[Volker]

Hi Ashok

your work-around (20 min fake duration) is not possible, cause a milestone has per definition no duration, it's a zero-time task:

https://en.wikipedia.org/wiki/Milestone_(project_management)

e.g. create a new event in Outlook with duration 0, start/end is the same:


Then have a look in Calender "day view":

This is not a line, this is a block, although it has a duration of 0.

This is the expected representation of a milestone, which I would also like to have in SFSchedule.

Please fix that.

Regards,
Volker

[Ashokkumar Karuppasamy]

Hi Volker

We suggest using the MinimumEventDuration property in the schedule event settings. By setting this property to the minimum value, you can meet your requirement. The attached code snippet and sample demonstration solution are below. Please try the solution and let us know if you need any further assistance.

API - https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Schedule.ScheduleEventSettings-1.html#Syncfusion_Blazor_Schedule_ScheduleEventSettings_1_MinimumEventDuration

Regards,

Ashok

[Volker]

Hey Ashok

great!!!

Thank you for your help

Cheers from snowy Graz/Austria,
Volker