ruby on railsのgem、scaffoldの入力枠を大きくしたい

Question

前提・実現したいこと

scaffoldのフォーム入力枠を大きくしたい。

試したこと

/app/assets/stylesheets/scaffolds.css.sccs内の.field, .actionsのfont-sizeやline-heightを大きくしてみる。

/app/views/scaffold名/_form.html.erbのfield, actionsクラスの直後に
<text_area rows="100" cols="100"></text_area>を挿入してみる（全く当てずっぽうです）。

枠を大きくできる仕方がありましたらよろしくおねがいします。
ほぼ初心者でしてお答えいただく解決策を理解できない場合もありますので、予めご了承ください。

Answer 1

「入力枠を大きくしたい」というのが、枠だけ大きくするのか、それとも枠に入る文字サイズを大きくするのかによって変わりますが…。

前者であれば、例えば /app/assets/stylesheets/scaffolds.sccs の最後に

div.field textarea { width: 500px; height: 150px; }

とか書けばtextareaが大きくできます。後者であれば、

div.field input { font-size: 24pt; }

などと書けば、一行入力フォームの文字サイズが大きくなります。

また、textareaについては、たとえば _form.html.erb に、

  <div class="field">
    <%= form.label :text %>
    <%= form.text_area :text, id: :foo_text, rows: 10, cols: 70 %>
  </div>

などのように書くと、

  <div class="field">
    <label for="foo_text">Text</label>
    <textarea id="foo_text" rows="10" cols="70" name="foo[text]">
</textarea>
  </div>

というHTMLが生成されるようになります。

Comments

[hokosugi]

ご回答ありがとうございます。
質問したかったことは前者の枠自体の拡大でした。改めて読み直してみて曖昧だったと反省しています。ご回答の通り実行して枠拡大出来ました。divクラスに要素を指定すれば良かったのですね。聞くとそうだったと思うのですが、上手くいかないときだと焦るばかりで中々思いつきません。経験値を上げていくしかないかなと思っています。兎にも角にもありがとうございました。

[takahashim]

CSSは普通のプログラミングとはまた違った難しさがあるので、習得はなかなか大変かもしれませんね…。一度時間を作ってCSSの勉強も集中的にされるといいかもしれません。がんばってください。