Changing event color using EventRendered makes the event uneditable

[Dan]

Hi,

  I am using EventRendered to change the color of some events but once I do that , the events don't seem to respond to mouse input any more. I tried this also on a clean page with the same result , code below:

@page "/TestPage"

@using Syncfusion.Blazor.Schedule

@rendermode InteractiveServer

<h3>TestPage</h3>

<SfSchedule TValue="Appointment" StartHour="09:00" EndHour="17:00" Height="100%">

    <ScheduleEventSettings TValue="Appointment" DataSource="Appointments"></ScheduleEventSettings>

    <ScheduleViews>

        <ScheduleView Option="View.Agenda"></ScheduleView>

            <ScheduleView MaxEventsPerRow="5" IsSelected="true" Option="View.TimelineDay" DisplayName="Organizator Zi">

            </ScheduleView>

        <ScheduleView Option="View.TimelineWeek" DisplayName="Organizator Saptamanal" />

    </ScheduleViews>

    <ScheduleEvents TValue="Appointment" EventRendered="OnEventRendered">

    </ScheduleEvents>

</SfSchedule>

@code {

    public List<Appointment> Appointments { get; } = new List<Appointment>(){

    };

    public class Appointment{

        public int Id { get; set; }

        public string? Subject { get; set; }

        public string? Location { get; set; }

        public DateTime StartTime { get; set; }

        public DateTime EndTime { get; set; }

        public string? Description { get; set; }

        public bool IsAllDay { get; set; }

        public string? RecurrenceRule { get; set; }

        public string? RecurrenceException { get; set; }

        public bool IsBlock { get; set; } = false;

        public int? RecurrenceID { get; set; }

    }

    public void OnEventRendered(EventRenderedArgs<Appointment> args)

    {

        var attributes = new Dictionary<string, object>();

        attributes.Add("Style", $"Background:#B5D6AD");

        args.Attributes = attributes;

    }

}

[Ashokkumar Karuppasamy]

Hi Dan,

Add style to the event; it is not formatted properly, so you are facing issues. Below is the code snippet and sample demonstration solution. Please try the solution and let us know if you need any further assistance.

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

Regards,

Ashok