Rails で form_for の submit ボタンに glyphicon を使う

Twitter Bootstrap 3 では、ビルトインで glyphicon という便利なアイコン素材を使うことができる。使い方は、以下のように CSS の class で指定します。

スポンサーリンク

— 環境 —
Rails 4.0.1

詳しくは以下。

Components · Bootstrap

それで、この glyphicons のアイコンを、Rails ヘルパー form_for の submit ボタンで使おうとしたのですけど、やり方が分からなかったので Stack Overflow で調べました。

通常 form_for の中では、以下のように submit ボタンを作成する。

f.submit だと上手いこと glyphicon のアイコンを埋め込むことができません。

そこで、glyphicon を使う場合は、submit ボタンを button タグで作るようにします。

出力される HTML。

これで上手いこと glyphicon を sbumit ボタンに埋め込むことができます。なお form_tag などでも同様にする。

スポンサーリンク
パーフェクト Ruby on Rails は、最近読んだ Rails 本の中では一番役に立った本です。Chef や Capistrano など Rails と共によく使用される技術にも触れてあります。Ruby on Rails 4 アプリケーションプログラミングは、入門的な内容で Rails の機能全体を網羅されています。
スポンサーリンク
 
Twitterを使っていますのでフォローお願いたします!ブログの更新情報もつぶやいてます^^
(英語学習用)

Leave Your Message!