自定义设计方法答案

【问题标题】：Customizing Devise method自定义设计方法
【发布时间】：2012-03-15 22:40:10
【问题描述】：

我在我的 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>

有人有这方面的经验吗？

【问题讨论】：

所以你想保留表单提交按钮，并在 modal-footer 中添加另一个按钮来做同样的事情？
理想情况下，我想从设计中删除丑陋的表单提交按钮，并将其替换为模态页脚中执行相同操作的按钮。

标签： ruby-on-rails ruby-on-rails-3 devise twitter-bootstrap

【解决方案1】：

你可以扩展表单...比如覆盖模态正文和页脚，并替换链接

做类似的事情

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

因为这似乎有点太明显了，所以我不确定我是否很好地理解了您的问题。如果是这种情况，请告诉我

【讨论】：

我认为他需要 'btn btn-primary' %>
这解决了它。我担心将页脚放在块中会导致问题，但它似乎工作得很好。谢谢！
很高兴它已修复。您应该考虑将答案标记为已解决

【解决方案2】：

按钮与链接不同，并认为您会遇到问题。我最近做了非常相似的事情，而不是使用提交。

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

这是我在rails 应用程序中使用的表单标签之间的内容。它不如使用 rails 漂亮，但它确实有效。

【讨论】：