2013-08-22 14 views
6

Obecnie używamy twitter Bootstrap dla jego systemu siatki, nawigacji i stylu wprowadzania tekstu. Pracując z Kendo UI zauważyliśmy, że ma system motywów.Czy interfejs użytkownika Kendo ma odniesienie do CSS?

Czy jest dostępne odniesienie na temat korzystania z klas Kendo UI?

Wyobrażamy sobie, że klasy Kendo zastąpiłyby nasz znacznik wejścia i nawigacji, ale co z naszym systemem gridowym? Czy interfejs użytkownika Kendo ma wbudowany system gridowy CSS?

+0

wykorzystać swoje krata? Użyj klas/struktury css, której używa wtyczka do siatki? Będziesz musiał sam popatrzeć na CSS. Nie ma przewodnika. – ryan

+0

Ich siatka to widżet Data Grid, a nie układ układu. – Will

Odpowiedz

3

Tylko dokumentacja zajęć. Jest sporo informacji, ale nie jest to wyczerpujące.

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

+1

Był pewien wpis na blogu od jakiegoś czasu Burke Holland (z zespołu Kendo) o korzystaniu z klas kendo w formularzu. W większości używa klas dla wejść i przycisków, ale może pomóc niektórym. http://www.kendoui.com/blogs/teamblog/posts/13-04-16/styling-forms-like-a-pro-with-kendo-ui.aspx –

0

To może być trochę za późno, ale tylko w przypadku, istnieje obejście. Podnieś ich poręczny ThemeBuilder. Kliknij "Pobierz". Następnie przejrzyj posiadany plik kendo.custom.css. Wyświetla wszystkie klasy CSS na widoku.

Możesz również przejrzeć ich kendo.all.css lub kendo.common.css (w zależności od tego, czy masz profesjonalną lub otwartą ofertę) w folderze src dostarczonym z pobranym plikiem Kendo-UI.

1

Jest to starożytny, ale teraz po prostu dla każdego, kto ciągle zastanawiać ostatniej części pytania:

możemy sobie wyobrazić Kendo klas zastąpi nasze wejście i nawigację znaczników, ale co z naszym systemem siatki? Czy interfejs użytkownika Kendo ma wbudowany system gridowy CSS?

Odpowiedź brzmi NIE. Kendo ma widget siatki danych, ale nie ma siatki układu w tym momencie. Ale oni wciąż dodają do tego. Ich materiał jest rodzajem kompatybilny z siatki Bootstrap ale jeśli na przykład chcesz użyć siatki Bootstrap wewnątrz widget Kendo Okno trzeba dostosować do faktu, że używają innego pola modele wielkości:

/*=====================================================================*/ 
/* 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; 
} 
Powiązane problemy