L'interfaccia utente di Kendo ha un riferimento CSS?

Question

Attualmente stiamo usando Twitter Bootstrap per il suo sistema di griglia, navigazione e stile di input. Lavorando con l'interfaccia utente di Kendo, abbiamo notato che ha un sistema a tema.

Esiste un riferimento disponibile su come utilizzare le classi UI di Kendo?

Immaginiamo che le classi di Kendo sostituiscano il nostro input e il markup di navigazione, ma per quanto riguarda il nostro sistema di rete? L'interfaccia utente di Kendo ha un sistema di griglia CSS incorporato?

Answer 1

Solo la documentazione delle classi. C'è un bel po 'di informazioni ma non è esaustivo.

http://docs.kendoui.com/getting-started/web/appearance-styling

Answer 2

Questo potrebbe essere un po 'in ritardo, ma, nel caso, c'è una soluzione alternativa. Accendi il loro pratico ThemeBuilder. Clicca su "Download". Quindi guarda attraverso il file kendo.custom.css che hanno. Elenca tutte le classi CSS in bella vista.

Puoi anche guardare attraverso il loro kendo.all.css o kendo.common.css (a seconda se hai la loro offerta professionale o open source) nella cartella src fornita con il download di Kendo-UI.

Answer 3

Questo è antica ora, ma solo per chi ancora chiedendo circa l'ultima parte della domanda:

immaginiamo classi Kendo sostituirebbero il nostro ingresso e di markup di navigazione, ma per quanto riguarda il nostro sistema di rete? L'interfaccia utente di Kendo ha un sistema di griglia CSS incorporato?

La risposta è NO. Kendo ha un widget per la griglia di dati ma nessuna griglia di layout in questo momento. Ma continuano ad aggiungersi ad esso. La loro roba è una sorta di compatibilità con la rete Bootstrap, ma se per esempio si desidera utilizzare la griglia Bootstrap all'interno di un widget Kendo finestra è necessario regolare per il fatto che essi utilizzano scatola differente modelli di dimensionamento:

/*=====================================================================*/ 
/* Box-sizing fix for using Bootstrap grid layout inside Kendo widgets */ 
/*=====================================================================*/ 
/* reset everything to the default box model */ 
*, 
:before, 
:after 
{ 
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 
}