【问题标题】:I would like to change the background color in the Kendo Scheduler我想更改 Kendo Scheduler 中的背景颜色
【发布时间】:2020-11-07 15:42:33
【问题描述】:

我正在使用 Kendo MVC Scheduler 控件,它看起来像这样:

你可以看到所有的背景颜色都是蓝色的。我想将此默认值更改为不同的颜色。我找不到办法做到这一点。我想也许这种样式在我看来会起作用,但它不会:

<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"))
        )

【问题讨论】:

  • 如果您不使用资源,您的 CSS 代码应该可以工作。检查浏览器的开发人员工具是否已加载以及是否有其他规则覆盖它。

标签: kendo-ui kendo-asp.net-mvc kendo-scheduler


【解决方案1】:

我要做的就是将以下内容放在一个单独的 .CSS 文件中并加载它。然后就成功了。

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

【讨论】:

  • 1.规则 background: red 不正确且多余,因此请从您的答案中删除它。 2. 可能使它起作用的是不同的 source order in the CSS cascade 。为了使这个成为一个有价值的 StackOverflow 答案,请解决问题的根本原因。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-08-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-04-28
  • 2013-08-08
相关资源
最近更新 更多