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.
Add materialize-select2-rails
to your Gemfile and run bundle install
:
gem "materialize-select2-rails"
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
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"
});
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
Materialize-Select2-Rails is released under the MIT License.