compass-jquery-plugin

Get it from here.

Description

A Sass-based Meta-Framework for Compass that allows you to mix and match any of the following:

  • jRails with jQuery and jQuery.UI including themes
  • jqGrid V3.5
  • dynatree V0.5.1

This library requires Compass.

jRails, jQuery and jQuery.UI including themes

Use compass to install the jRails, jQuery and jQuery.UI javascript library including themes into your project.

compass -r jquery -f jquery -p jrails <project name>

You will find all the stylesheets in easy-to-read Sass format at:

stylesheets/jquery.ui

To use the localized stylesheets and javacripts include:


  = stylesheet_link_tag 'compiled/jquery.ui/[theme].css', :media => 'screen, projection'
  = javascript_include_tag :defaults
  = jrails_javascripts I18n.locale

into your layouts.

jQuery Dynatree Plugin

Use compass to install the jQuery Dynatree javascript library into your project.

compass -f jquery -p dynatree <project name>

You will find all the stylesheets in easy-to-read Sass format at:

stylesheets/jquery.ui

To use the localized stylesheets and javacripts include:


  = stylesheet_link_tag 'compiled/jquery.ui/dynatree.[skin].css', :media => 'screen, projection'
  = javascript_include_tag 'jquery.dynatree.min'

jqGrid

Use compass to install the jqGrid javascript library into your project.

compass -f jquery -p jqgrid <project name>

You will find all the stylesheets in easy-to-read Sass format at:

stylesheets/jquery.ui

To use the localized stylesheets and javacripts include:


  = stylesheet_link_tag 'compiled/jquery.ui/jqGrid.css', :media => 'screen, projection'
  = stylesheet_link_tag 'fix_blueprint_jqgrid.css', :media => 'screen, projection'
  = jqgrid_javascripts I18n.locale

jqGrid now uses the jQuery UI Themes. jqGrid has been included as a subproject. You do not need to check it out unless you want to use a different version.

Secret Sauce

Use compass to install the Secret Sauce for jqGrid javascript library into your project.

compass -f jquery -p secret_sauce <project name>

You will find all the stylesheets in easy-to-read Sass format.

stylesheets/jquery.ui

To use the localized stylesheets and javacripts include:


  = stylesheet_link_tag 'compiled/jquery.ui/secret_sauce.css', :media => 'screen, projection'
  = stylesheet_link_tag 'fix_blueprint_jqgrid.css', :media => 'screen, projection'
  = javascript_include_tag :secret_sauce

Thanks to the Contributors:

Rails

jQuery Plugins included