kendo-ui
Tematy
Szukaj…
Konfigurowanie motywu
Najpierw musimy odwołać się do stylów, których chcemy używać.
<link rel="stylesheet" href="[file path]/kendo.common.min.css" />
<link rel="stylesheet" href="[file path]/kendo.[Theme].min.css" />
Teraz większość elementów sterujących korzysta z [Theme]
podanego w powyższym zasobie stylu.
Niektóre elementy sterujące, takie jak Chart, TreeMap, Diagram, StockChart, Sparkline, RadialGauge i LinearGauge są renderowane za pomocą układów obliczonych w JavaScript i wymagają dodatkowej konfiguracji podczas inicjalizacji.
Na przykład wykres:
$("#chart").kendoChart({
theme: "blueOpal",
//...
});
Lista tematów:
"black", "blueOpal", "bootstrap", "default", "flat", "highContrast", "material", "materialBlack", "metro", "metroBlack", "moonlight", "silver", "uniform", "fiori"(kendo ui pro), "nova"
Aby ustawić je globalnie, możesz zastąpić Kendo w ten sposób:
//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
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow