2012-03-15 9 views
1

WebアプリケーションでDeviseを使用していて、デフォルトのものとは異なるボタンを使用して情報を送信する方法が不思議でした。私はそれをTwitterのブートストラップモーダルに埋め込み、標準のサインアップボタンではなく、モーダルのフッターにあるボタンを使用して情報を送信しようとしています。私は今のコードを持っているものをここにあります:本質的にはDeviseメソッドのカスタマイズ

<div class="modal-body"> 
    <h4>...</h4> 
    <p>...</p></b> 
    <p>...</p> 
    <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %> 
    <%= devise_error_messages! %> 
     <div> 
     <%= f.label :email %> 
     <%= f.email_field :email %> 
     </div> 
     <div> 
     <%= f.label :password %> 
     <%= f.password_field :password %> 
     </div> 
     <div> 
     <%= f.label :password_confirmation %> 
     <%= f.password_field :password_confirmation %> 
     </div> 
     <div> 
     <%= f.submit "Sign up" %> 
     </div> 
    <% end %> 
    </div> 
    <div class="modal-footer"> 
    <a href="#" class="btn" data-dismiss="modal">Close</a> 
    <a href="#" class="btn btn-primary">Sign up</a> 
    </div> 
</div> 

、私はこの行のボタン

<a href="#" class="btn btn-primary">Sign up</a> 

は、この行のボタンが何を行うにしようとしています:

<div><%= f.submit "Sign up" %></div> 

誰もがこれに関する経験がありますか?あなただけのフォームを拡張することができ

+0

あなたはdeviseからのフォーム送信ボタンを保持し、同じことをするためにモーダルフッターに別のボタンを追加しますか? – AMIT

+0

理想的には、醜い探しているフォームの送信ボタンを削除し、同じことをするモーダルフッターのボタンで置き換えたいと思います。 –

答えて

2

...これはちょっとあまりにも明白と思われるので

<%= form_for ..... %> 
    <div class="modal-body"> 
    your form fields should go here somewhere 
    ..... 
    </div> 
    <div class="modal-footer"> 
    <a href="#" class="btn" data-dismiss="modal">Close</a> 
    <%= f.submit "Sign up" %> 
    </div> 
<% end %> 

ような何かをあまりにもモーダルボディとフッタをカバーし、リンクに

を交換すると言います、私は本当にあなたの質問をよく理解していません。その場合、私に教えてください

+2

私は彼が<%f.submit "Sign Up"、:class => 'btn btn-primary'%> – AMIT

+0

が必要だと思います。私はブロック内にフッターを置くことで問題が発生すると心配しましたが、完璧に動作するようです。ありがとう! –

+0

うれしいことが修正されました。回答を解決済みとマークすることを検討する必要があります –

0

ボタンはリンクとは異なり、問題があると思っています。私は最近、非常に似たようなことをしました。

<input class="btn btn-success" type="submit"value="Submit" >

は、これは私がフォームタグ挟ん私のレールのアプリケーションで使用するものです。レールを使うほど美しいものではありませんが、動作します。

関連する問題