Kendo UI For Rails!
This gem provides:
- Kendo UI Styles (Common Styles and All themes)
In your Gemfile, add this line:
After bundler completes, you can install the appropriate scripts by running the following command:
rails generate kendoui:install
Depending on your Rails version and environment, this command will either:
public\stylesheets folders (Rails < 3.1 and Rails 3.1+ with asset pipeline disabled).
Rails 3.1 (Asset Pipeline)
For Rails 3.1 and greater, Kendo UI will be added to the asset pipeline and available for you to use. This line will be added to the file
//= require kendo/kendo.web.min
Appropriate styles will also be added to the asset pipeline, with the following two lines added to
*= require kendo/kendo.common.min *= require kendo/kendo.default.min
If you prefer another theme (metro, silver, etc) replace the second line with the name of that theme, or use the
--theme switch in the generate command (see below for details).
Rails 3.0, Previous or Asset Pipeline Disabled
public folder for your application. After running
rails generate kendoui:install you'll see the following in your public folder:
Once these files are in place, you can add them to your layouts like so:
As with Rails 3.1 environments, the install generator will add the
kendo.default.min.css stylesheet by default, and you can customize the installed theme with the
Customizing the Installed Theme
As mentioned above, the install generator will install the default (also named default) theme for Kendo UI, unless you specify an alternate with the generator command. This is done using the
--theme switch. For example, if you wanted to install the 'metro' theme, you can run the following:
rails generate kendoui:install --theme=metro
For Non-Asset Pipeline Environments, you can pass "all" into the theme switch, which will copy all available themes into your
You can also find Kendo UI on:
Note: This gem provides a GPLv3 Licensed version of Kendo UI Core with full source code and access to major updates. For more information about commercial licenses for Kendo UI, as well as access to DataViz and Mobile suites, head over to the Get Kendo UI page.