2012-01-12 12 views
7

フォームを書式化しようとしていますが、テキストフィールドはいくつかの方法に応答します。ActiveadminとFormtastic:応答しないフォーム:サイズ

私のようなものを行うことができます。

f.input :name, :input_html => { :maxlength => 10 } 
f.input :name, :input_html => { :disabled => true } 

しかし、私は、次のいずれかを実行しようとした場合、彼らは動作しません:

f.input :name, :input_html => { :size => 10 } 
f.input :name, :input_html => { :class => 'autogrow' } 
f.input :name, :input_html => { :rows => 10, :cols => 10 } 

私が使用しようとすると:サイズを、例えば、生成されたhtmlはsize = 10を示しますが、実際のフォームには反映されません。

これは、Active Directoryのドキュメントに記載されているGithubのFormtasticのドキュメントから抜粋したものです。

答えて

11

ご質問が解決したかどうかわかりません。

しかしFormastic公式WIKIによると、あなたのコードは動作するはずです:input_htmlオプション:

カスタマイズHTMLは使用して、任意の入力属性。 通常これは、入力を無効にテキスト フィールドのサイズを変更し、テキストエリア内の行を変更、あるいは自動拡張テキストエリアのような特殊な動作を取り付けるための入力に特別なクラス を追加するために使用されます。

<%= semantic_form_for @post do |f| %> 
    <%= f.inputs do %> 
    <%= f.input :title,  :input_html => { :size => 10 } %> 
    <%= f.input :body,  :input_html => { :class => 'autogrow', :rows => 10, :cols => 20, :maxlength => 10 } %> 
    <%= f.input :created_at, :input_html => { :disabled => true } %> 
    <%= f.input :updated_at, :input_html => { :readonly => true } %> 
    <% end %> 
    <%= f.actions %> 
<% end %> 

https://github.com/justinfrench/formtastic

あなたのコードが動作しない場合は、エラーログをチェックしてみてください、またはあなたが本番モードで実行されているレールをrのかどうかを確認するために、あなたのERBファイルへのより多くのデバッグ情報を入れました。

+0

を使用することができ、ネストされたフォームの

。行とクラスはテキストエリアに行きますが、何もしません。私はFoundation Zurbを使用しています。 –

+1

私の場合でもうまくいきませんでした。私はactiveadminを使ってフォームを生成するために部分的なものを使用しています – songyy

+0

アクティブな管理者は悪いです...それを忘れてしまいましょう...^_^ –

5

私は同じ問題を抱えていました。私は、カスタムテキストフィールドのサイズで編集するためのネストされたフォームが必要でした。これは私のために働いた。

form do |f| 
     f.inputs "Header" do 
     cf.input :name, :input_html => { :class => 'some_style', :rows => 2, :style => 'width:50%'} 
     end 
     f.actions 
    end 

このように、基本的に自分のクラスを作成するか、:スタイルで作業する必要があります。 uはこれが動作しない私にとって、このコード

form do |f| 
     f.inputs "Header" do 
     f.has_many :name,:allow_destroy => true,:new_record => true do |cf| 
      cf.input :first_name, :input_html => { :class => 'some_style', :rows => 2, :style => 'width:50%'} 
     end 
     end 
     f.actions 
    end 
関連する問題