kendo-ui - 剑道窗口 : how to set header height?

Question

KendoWindow 没有设置窗口标题高度的配置选项，我找不到一种方法来处理 CSS。有任何想法吗？

Answer 1

选择器是 k-window-titlebar 但您可能必须对某些属性使用 important。定义CSS样式为

.k-window-titlebar {
    height: 60px !important;
    color: white !important;
    font-size: 30pt !important;
    background: red !important;
} 

一个片段...

$(document).ready(function() {
  var window = $("#window");
  window.kendoWindow({
    width: "450px",
    title: "About Alvar Aalto",
    pinned: true
  });
});

.k-window-titlebar {
  height: 60px !important;
  color: white !important;
  font-size: 30pt !important;
  background: red !important;
}

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.common.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.flat.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.flat.mobile.min.css" />
<script src="https://kendo.cdn.telerik.com/2017.2.621/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.2.621/js/kendo.all.min.js"></script>

<div id="window">
  <p>
    Alvar Aalto is one of the greatest names in modern architecture and design. Glassblowers at the iittala factory still meticulously handcraft the legendary vases that are variations on one theme, fluid organic shapes that let the end user decide the use. Interpretations of the shape in new colors and materials add to the growing Alvar Aalto Collection that remains true to his original design.
  </p>
</div>