Я хотел бы изменить цвет фона в планировщике кендо

#kendo-ui #kendo-asp.net-mvc #kendo-scheduler

#kendo-ui #кендо-asp.net-mvc #кендо-планировщик #kendo-asp.net-mvc #kendo-scheduler

Вопрос:

Я использую элемент управления планировщиком Kendo MVC, и он выглядит так:

введите описание изображения здесь

Вы можете видеть, что все фоновые цвета синие. Я хотел бы изменить это значение по умолчанию на другой цвет. Я не могу найти способ сделать это. Я думал, может быть, этот стиль сработает, на мой взгляд, но это не так:

 <style>
    .k-event {
        background: red;
        background-color: red;
    }
</style>
  

Вот как у меня определен планировщик:

 @(Html.Kendo().Scheduler<LaibeManpower.Entities.OnCallSchedule>()
        .Name("OnCallSchedule")
        .Date(new DateTime(System.DateTime.Now.Ticks))
        .Height(800)
        .Editable(false)
        .Pdf(pdf => pdf
            .FileName("OnCall Schedule.pdf")
            .ProxyURL(Url.Action("PdfExportSave", "OnCallSchedule"))
        )
        .Toolbar(t => t.Pdf())
        .Views(views =>
        {
            views.WeekView();
            views.DayView();
        })
        .Selectable(true)
        .DataSource(d => d
            .Model(m => {
                m.Id(f => f.RowId);
            })
            .ServerOperation(true)
            .Read(read => read.Action("ReadSchedule", "OnCall").Data("getAdditionalData"))
        )
  

Комментарии:

1. Если вы не предъявляете иск к ресурсам, ваш CSS-код должен работать. Проверьте в инструментах разработчика вашего браузера, загружен ли он и переопределяет ли его другое правило.

Ответ №1:

Что мне нужно было сделать, так это поместить следующее в отдельный .Файл CSS и загрузите его. Тогда это сработало.

 .k-event {
        background-color: red;
    }
  

Комментарии:

1. 1. Правило background: red неверно и избыточно, поэтому удалите его из своего ответа. 2. Что, вероятно, заставило его работать, так это другой порядок исходного кода в каскаде CSS . Чтобы сделать это ценным ответом на StackOverflow, устраните основную причину вашей проблемы.