【问题标题】:Cleanest way to set styling for formtastic submit button为表单提交按钮设置样式的最简洁方法
【发布时间】:2012-02-11 19:59:27
【问题描述】:

我正在使用 formtastic 和 Twitter Bootstrap。我想自动将它设置为我的formtastic表单的所有提交按钮都将是“btn large primary”并将取消按钮设置为“btn large default”,而无需手动复制这些样式以用于formtastic按钮样式。主要是当我决定稍后更改“主要”按钮的外观时,我不必在多个地方进行更改。

最干净的方法是什么?

【问题讨论】:

    标签: ruby-on-rails-3.1 sass formtastic


    【解决方案1】:

    您可以在应用程序助手或该模型的助手中创建一个变量。

    @submit_button_css_classes = "btn large primary"
    @cancel_button_css_classes = "btn large default"
    

    然后在你的表单中

    <%= f.action :submit, class: @submit_button_css_classes  %>
    <%= f.action :cancel, class:  @cancel_button_css_classes %>
    

    【讨论】:

    • 添加了一些代码。希望这可以帮助。它可能不是最干净的,它确实很容易改变。
    • 不应该是 class=>"" 吗?
    • 应该是class。谢谢你的收获。我将编辑我的答案。
    猜你喜欢
    • 2013-07-07
    • 2021-10-04
    • 2013-09-10
    • 2016-01-06
    • 1970-01-01
    • 2013-03-09
    • 1970-01-01
    • 2013-09-29
    • 1970-01-01
    相关资源
    最近更新 更多