kendo-ui
테마
수색…
테마 설정하기
먼저 사용할 스타일을 참조해야합니다.
<link rel="stylesheet" href="[file path]/kendo.common.min.css" />
<link rel="stylesheet" href="[file path]/kendo.[Theme].min.css" />
이제 대부분의 컨트롤은 위 스타일 리소스에서 제공하는 [Theme]
사용합니다.
차트, TreeMap, 다이어그램, StockChart, Sparkline, RadialGauge 및 LinearGauge와 같은 일부 컨트롤은 JavaScript 계산 된 레이아웃으로 렌더링되고 초기화시 몇 가지 추가 구성이 필요합니다.
예를 들어 차트 :
$("#chart").kendoChart({
theme: "blueOpal",
//...
});
주제 목록 :
"black", "blueOpal", "bootstrap", "default", "flat", "highContrast", "material", "materialBlack", "metro", "metroBlack", "moonlight", "silver", "uniform", "fiori"(kendo ui pro), "nova"
전역 적으로 설정하려면 다음과 같이 Kendo를 재정의 할 수 있습니다.
//The Themable Elements
var themable = ["Chart", "TreeMap", "Diagram", "StockChart", "Sparkline", "RadialGauge", "LinearGauge"];
//Check if kendo.dataviz is available
if (kendo.dataviz) {
//Set for each control the default theme
for (var i = 0; i < themable.length; i++) {
var widget = kendo.dataviz.ui[themable[i]];
if (widget) {
widget.fn.options.theme = "blueOpal";
}
}
}
Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow