2012-11-15 35 views
1

问题:我不知道为什么我的输入文本框有固定的宽度(太小所以它不适合屏幕),我不能改变大小以适当的方式。任何人都可以帮我找到是什么原因造成的?Textarea大小与Bootstrap-Sass和Formtastic问题

在我的形式分:

<%= semantic_form_for @post do |f| %> 
<%= f.inputs do %> 
    <%= f.input :name, :input_html => { :size => 10000 } %> 
    <%= f.input :content, :input_html => {:size => 100000 } %> 
<% end %> 
<%= f.actions do %> 
    <%= f.action :submit, :as => :button %> 
    <%= f.action :cancel, :as => :link %> 
<% end %> 
<% end %> 

enter image description here

更新:我发现

<%= f.input :name, :input_html => { :style => "width: 80%" } %> 

成功地改变了textarea的大小。

新问题:为什么

<%= f.input :content, :input_html => {:size => 100000 } %> 

无法工作?

要添加一个问题.. 当用户登录时,我想简单地将他的名称传递给:name符号。所以我想将其设置为隐藏在条件输入类型,但我不知道该formtastic语法在这种情况下是如何工作的?我想:

<%= f.input :name, :as => hidden, :name => <%= current_user.name %> %> 

而且我也试过只是摆脱输入区域名称变量,并设置

<% @post.name = current_user.name %> 

但随着这就是问题所在,这种方式没有通过要求输入名称是存在的验证检查。

这两个尝试都失败了。有没有人可以给我答案1)文本框大小问题和2)获取输入问题?

+0

尝试添加'f.input:content,:input_html => {row:10,column:1000}' – Thanh

+0

只有另一个宽度与上面相同的文本框。 –

回答

2

经过更多的研究,我找到了解决这两个问题的办法。然而,对于第一个问题,这只是一个解决方法,我仍然不确定为什么我不能编辑文本框的宽度,而只是编辑高度。

解的第一个问题:

<%= f.input :content, :input_html => {:class => 'span10' } %> 

解的第二个问题:

<%= f.input :name, :input_html => {:value => @post.name } %> 

对于第一个问题,我想formtastic自动设置一个形式的最大宽度为72%根据this,这导致:cols => somesize不起作用。

+0

请将您的答案标记为已接受。 –