自定義設計方法

我在我的web應用程序中使用Devise，想知道如何使用不同於默認按鈕的按鈕來提交信息。我試圖將其嵌入到twitter引導條模式中，並使用模式的頁腳中的按鈕來提交信息，而不是標準註冊按鈕。下面是我對代碼現在：自定義設計方法

<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>

有沒有人有這方面的經驗？

來源

2012-03-15 David Harbage

因此，你想保持從設計的表單提交按鈕，並添加另一個按鈕在模態頁腳做同樣的事情？ – AMIT 2012-03-15 22:45:44

理想情況下，我想從設計中刪除難看的表單提交按鈕，並用模板頁腳中的按鈕替換它，即可完成相同的操作。 – 2012-03-15 22:54:06

你可以擴展形式......說來覆蓋模體和頁腳太大，更換鏈接

這樣做

<%= 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 %>

因爲這似乎有點太明顯了，我不太確定我是否理解你的問題。如果是這種情況，請通知我

來源

2012-03-15 22:56:23

我認爲他需要<％f.submit「註冊」，：class =>'btn btn-primary'％> – AMIT 2012-03-15 23:08:35

這解決了它。我很擔心，在這個街區裏留下腳註會造成問題，但它似乎完美地工作。謝謝！ – 2012-03-15 23:16:12

很高興它已修復。您應該考慮將答案標記爲已解決 – 2012-03-16 04:54:06

按鈕與鏈接不同，認爲您會遇到問題。我最近做了非常類似的事情，而不是使用submit。

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

這是我在我的Rails應用程序其間表單標籤使用。它不像使用導軌那麼漂亮，但它很有用。

來源

2012-03-15 22:59:44 kobaltz

自定義設計方法

回答

相關問題