Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Demonstrates the use of the compass-jquery-plugin.

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
app
config
db
doc
lib/tasks
public
script
spec
test
vendor/plugins
.gitignore
.loadpath
.project
README.textile
Rakefile

README.textile

compass-jquery-plugin

Get gem from Gemcutter.
Get source from github.

Description

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

  • jRails with
    • jQuery 1.4.2 and jQuery.UI 1.8.1 including themes
      or
    • jQuery 1.3.2 and jQuery.UI 1.7.3 including themes
  • jquery.dynatree.js V0.5.3
  • jquery.ribbon.js
  • jquery.jqGrid.js V3.6.4 (with minor changes to make in RESTful)
  • jquery.jqtouch.js V1.0b2

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.

For jQuery 1.4.x:

compass [-r jquery] -f jquery -p jrails-1.4 

For jQuery 1.3.x

compass [-r jquery] -f jquery -p jrails-1.3 

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

stylesheets/jquery.ui

To use the localized stylesheets and javacripts for jQuery include (using the rails_xss plugin):

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

alternatively you can include:


= stylesheet_link_tag “compiled/jquery.ui/[theme].css”, :media => ‘screen, projection’
= javascript_include_tag :jquery_142 (or :jquery_132)
= javascript_include_tag :jrails
= raw jrails_javascripts(I18n.locale)

into your layouts.

jQuery Dynatree Plugin

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

compass [-r jquery] -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 :dynatree

jqGrid

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

compass [-r jquery]  -f jquery -p jqgrid <project name>

You will find the jqGrid stylesheet 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'
= raw jqgrid_javascripts(I18n.locale)

jQTouch

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

compass [-r jquery] -f jquery -p jqtouch <project name>

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

stylesheets/jqtouch

To use the localized stylesheets and javacripts include:

= stylesheet_link_tag 'compiled/jqtouch/[theme].css', :media => 'screen, projection'
= javascript_include_tag :jqtouch'

There is iPhone lookalike stylesheet using an IFrame available for tests without a iPhone. You can include it by

= stylesheet_link_tag 'compiled/jqtouch/iphone-emulator.css', :media => 'screen, projection'

Thanks to the Contributors:

Rails

jQuery Plugins included

Note on Patches/Pull Requests

  • Fork the project.
  • Make your feature addition or bug fix.
  • Add tests for it. This is important so I don’t break it in a
    future version unintentionally.
  • Commit, do not mess with rakefile, version, or history.
    (if you want to have your own version, that is fine but
    bump version in a commit by itself I can ignore when I pull)
  • Send me a pull request. Bonus points for topic branches.

Copyright

Copyright © 2009-2010 Kosmas Schuetz. See LICENSE for details.

Something went wrong with that request. Please try again.