2013-08-22 25 views
6

Şu anda ızgara sistemi, navigasyon ve giriş stili için twitter Bootstrap kullanıyoruz. Kendo UI ile çalışırken, bir tema sistemine sahip olduğunu fark ettik.Kendo UI bir CSS referansına sahip mi?

Kendo UI sınıflarının nasıl kullanılacağı konusunda bir referans var mı?

Kendo sınıflarının giriş ve navigasyon işaretlememizin yerini alacağını düşünüyoruz, ancak ızgara sistemimiz nedir? Kendo UI yerleşik bir CSS ızgara sistemine sahip midir?

+0

kullanın onların Kafes? Onların ızgara eklentisi kullanır css sınıfları/yapı kullanın? CSS kendin bakmak gerekecek. Rehber yok. – ryan

+0

Onların Izgara bir Veri Kılavuzu Widget değil, bir düzen şebekesidir. – Will

cevap

3

Yalnızca sınıfların belgeleri. Oldukça fazla bilgi var ama kapsamlı değil.

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

+1

bir formda Kendo sınıflarını kullanma hakkında (Kendo ekibinin) Burke Holland tarafından bir süre önce bir blog yazısı vardı. Çoğunlukla girişler ve düğmeler için sınıfları kullanır, ancak bazı yardımcı olabilir. http://www.kendoui.com/blogs/teamblog/posts/13-04-16/styling-forms-like-a-pro-with-kendo-ui.aspx –

0

Bu ihtimale karşı bir çözüm bulunmamaktadır, biraz geç olabilir ama. Kullanışlı ThemeBuilder'u ateşleyin. "İndir" e tıklayın. Sonra sahip oldukları kendo.custom.css dosyasına bakın. Düz görüşte tüm CSS sınıflarını listeler.

Ayrıca üzerinden bakabilirsiniz onların sizin Kendo UI indirme ile geldi src klasöründe (eğer mesleki veya açık kaynak sunan varsa bağlı olarak) kendo.all.css veya kendo.common.css.

1

Bu şimdi ama sadece herkes için hala sorunun son kısmına merak antik geçerli:

Biz Kendo sınıfları bizim girişi ve navigasyon işaretlemesi, ama bizim ızgara sistemi hakkında ne yerini alacak hayal? Kendo UI yerleşik bir CSS ızgara sistemine sahip midir? Buna

cevap hayır. Kendo'nun bir veri ızgarası gereci vardır, ancak bu noktada hiçbir zaman zaman planı ızgarası yoktur. Ama buna eklemeye devam ediyorlar. Onların şeyler Bootstrap ızgara ile çeşit uyumludur ama mesela bir Kendo Pencere widget iç Bootstrap ızgara kullanmak istiyorsanız onlar boyutlandırma modelleri farklı kutusunu kullanın gerçeğini ayarlamak gerekir:

/*=====================================================================*/ 
/* 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; 
} 
İlgili konular