Quantcast
Channel: Telerik Forums RSS
Viewing all articles
Browse latest Browse all 99250

Kendo UI grid system

$
0
0
Hi Olga,

"Grid system" is an HTML/CSS technique that achieves a column-based (table-like) layout without using HTML <table> elements.

"Grid" does not necessarily imply a "grid system". Often it is used to signify a table-based component that displays tabular data.

The Kendo UI Grid is by no means designed to be a "grid system". The Kendo UI library itself does not feature a grid system of its own, but you can use any other third-party library for that. Here is documentation about how to use Bootstrap and Kendo UI together:

http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap

Pay special attention to:

http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap#nest-widgets-and-bootstrap-grid-layout

The "grid system" on the ThemeBuilder page is pretty basic and represents the classic way to achieve column-based layouts via CSS floats. You can use a similar approach if it fits your requirements.


.column {
  width: 29%;
  padding: 0 2%;
  margin: 0 0 2em;
  float: left;
}
 
#example:after {
  content: "";
  display: block;
  clear: both;
}


Regards,
Dimo
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.

Viewing all articles
Browse latest Browse all 99250

Latest Images

Trending Articles



Latest Images

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>