Select2 for Rails asset pipeline modified for Materialize framework
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
materialize-sass
is a Sass powered version of Materialize, a modern responsive front-end framework based on Material Design.
The materialize-select2-rails
gem integrates the Select2
jQuery plugin with the Rails asset pipeline modified for materialize-sass.
Usage
Install materialize-select2-rails gem
Add materialize-select2-rails
to your Gemfile and run bundle install
:
gem "materialize-select2-rails"
Include materialize-select2-rails javascript assets
Add the following to your app/assets/javascripts/application.js
:
//= require materialize-select2
To add materialize-select2-full.js
instead of materialize-select2.js
, add the following instead :
//= require materialize-select2-full
Include materialize-select2-rails stylesheet assets
Add to your app/assets/stylesheets/application.css
:
*= require materialize-select2
Apply the modified theme, by telling Select2 to do so using materialize
to the theme
option when initializing Select2:
$( "#dropdown" ).select2({
theme: "materialize"
});
Internationalization (i18n)
The languages provided by
Select2 were also included to the materialize-select2-rails
gem.
af, ar, az, bg, bn, bs, ca, cs, da, de, dsb, el, en, es, et, eu, fa, fi, fr, gl, he, hi, hr, hsb, hu, hy, id, is, it, ja, ka, km, ko, lt, lv, mk, ms, nb, nl, pl, ps, pt, pt-BR, ro, ru, sk, sl, sq, sr, sr-Cyrl, sv, th, tr, uk, vi, zh-CN, zh-TW
License
Materialize-Select2-Rails is released under the MIT License.