kendo-ui
विषय-वस्तु

एक थीम की स्थापना

पहले हमें उन शैलियों का संदर्भ देना होगा जिनका हम उपयोग करना चाहते हैं।

<link rel="stylesheet" href="[file path]/kendo.common.min.css" />
<link rel="stylesheet" href="[file path]/kendo.[Theme].min.css" />

अब अधिकांश नियंत्रण उपरोक्त शैली संसाधन में दिए गए [Theme] उपयोग करते हैं।

कुछ नियंत्रण जैसे चार्ट, ट्रीपाइप, डायग्राम, स्टॉकचार्ट, स्पार्कलाइन, रेडियलगॉज और लिनियरगॉज को जावास्क्रिप्ट परिकलित लेआउट के साथ प्रस्तुत किया गया है और आरंभीकरण पर कुछ अतिरिक्त विन्यास की आवश्यकता है।

उदाहरण के लिए चार्ट:

$("#chart").kendoChart({
    theme: "blueOpal",
    //...
});

विषयों की सूची:

"black", "blueOpal", "bootstrap", "default", "flat", "highContrast", "material", "materialBlack", "metro", "metroBlack", "moonlight", "silver", "uniform", "fiori"(kendo ui pro), "nova"

उन्हें विश्व स्तर पर सेट करने के लिए आप केंडो को इस तरह से ओवरराइड करने में सक्षम हैं:

//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";
    }
  }
}