Thanks for your update.
In the below sample, event color is customized using EventRendered event in a simple way.
|
@Html.EJS().Schedule("schedule").Width("100%").Height("650px").EventRendered("onEventRendered").EventSettings(new ScheduleEventSettings { DataSource = ViewBag.datasource }).SelectedDate(new DateTime(2018, 2, 15)).Render()
function onEventRendered(args) {
var scheduleObj = document.getElementById('schedule').ej2_instances[0];
applyCategoryColor(args, scheduleObj.currentView);
}
function applyCategoryColor(args, currentView) {
let categoryColor = args.data.CategoryColor; // event field
if (!args.element || !categoryColor) {
return;
}
if (currentView === 'Agenda') {
args.element.firstChild.style.borderLeftColor = categoryColor;
}
else {
args.element.style.backgroundColor = categoryColor;
}
} |
We have validated your requirement and we like to let you know that we have already logged a feature request on this and it can be tracked through our feedback portal below.
It will be implemented in our upcoming Volume 1, 2019 main release which is expected to be rolled out by the mid of March 2019.
If you have any more specification/suggestions to the feature request you can add it as a comment in the portal.
Regards,
Karthigeyan
