2017-01-14 9 views
0

アイコン付きのレールを使用してsimple_form submitボタンのテキストを置き換えたいと思います。Railsのsimple_form submitボタンにアイコンを追加する

これは私がこれまで持っているものです。

<div class="small-3 columns"> 
    <%= f.submit class: 'button postfix' do %><i class="fa fa-paper-plane"></i><% end %> 
</div> 

これは通常のlink_toヘルパーで動作しますが、それは、レールの宝石simple_formで使用されるフォームヘルパーのために動作していないようです。

+0

は(私が推測する)私のJSPを表示します。 –

+0

JSP?あなたは明確にしていただけますか? –

答えて

1

<div class="small-3 columns"> 
    <%= button_tag type: 'submit', class: "button postfix" do %> 
     <i class="fa fa-paper-plane-o" aria-hidden="true"></i> 
    <% end %> 
</div> 
1

送信ボタンのコンテンツを削除し、アイコンを追加することで、これを行うことができます。おそらく、このような

HTML

<button type="submit"><i class="icon"></i></button> 

CSS

button{ border:0; background:none;} 
.icon{//style to add icon} 
+0

私はレールのソリューションを探しています。申し訳ありませんが、私はより具体的にすべきでした。 –

+0

これはRailsソリューションではありません。 – mysmallidea

1
<%= f.button '', {class: 'button postfix'} do %><i class="fa fa-paper-plane"></i><% end %> 
関連する問題