Best_in_place gem,使用css定义固定输入字段

时间:2013-07-10 04:38:58

标签: css ruby-on-rails-3 best-in-place

我正在使用best_in_place gem,这对于rails应用中的inplace编辑非常棒。 但是我实现的问题是被定义为仅在文本周围进行最佳包装的区域,因此如果我尝试编辑某些所需的某些摆动 [1]效果领域。那么有什么方法可以使我可以使用固定的text_area大小,使其保持我想要的宽度。

[1]通过摆动我的意思是当我点击该字段时,即,当该字段是焦点时,它具有一定的宽度,当我标签时,它将转到默认的包装尺寸。

2 个答案:

答案 0 :(得分:6)

关键是定义内部类,而不仅仅是类。如:

用户/ show.html.erb:

<%= best_in_place @user, :name, :inner_class => "css_class" %>

custom.css:

.css_class {
    background:red;
}

答案 1 :(得分:2)

不确定这是否有帮助,但我有类似的问题(同样的问题,但文本字段),这就是我解决它的方式:

首先将类添加到best_in_place字段:
<%= best_in_place @your_variable, :name, { :classes => "input_field" } %>

(我使用best_in_place 2.1.0,对于旧版本,您需要依赖于该字段的ID,这似乎是唯一的)

然后将样式应用于css中类的输入子项:

.input_field input { width: 400px; }

那应该这样做。