ECのウェブ担当者のメモ

ECサイトを運営管理している、WEB担当プログラマのメモ

スポンサーリンク

Railsのsubmitボタンでfontawesomeのアイコンを使う時の注意

f:id:jun9632:20160205232220p:plain

Ruby on Railsでformのsubmitボタンにfontawesomeのアイコンを使おうとしたら少しハマったので、メモ。

fontawesomeは、web用のアイコンを提供してくれているライブラリになります。

fontawesome.io

以下のように書くと、アイコンを表示してくれます。

<i class="fa fa-plus-circle"></i>

インストール方法等は、今回は省略します。

f.submit でfontawesomeが表示されない

前置きは以上で、ここからが本題。

フォームのサブミットボタンのラベルに、fontawesomeのアイコンを追加したいなと思い、最初以下の様に書いてしまったんですが、

= f.submit class: 'btn btn-default' do
  i.fa.fa-plus-circle 登録

上記の書き方だとダメで、アイコンが表示されませんでした。

なので、button_tagを使って、typeにsubmitを設定するのが正解みたいです。

= button_tag type: 'submit', class: 'btn btn-default' do
  i.fa.fa-plus-circle 登録

関連記事

marketing-web.hatenablog.com

marketing-web.hatenablog.com