Hatena::ブログ(Diary)

ザリガニが見ていた...。 このページをアンテナに追加 RSSフィード

2006-11-06 欲しい機能をカスタマイズ!その1

(2) 入力フォームの横幅を指定して揃える

まずは現状のデフォルトサイズを確認してみた。

f:id:zariganitosh:20061107211132p:image

こんな風に数字を連打した結果を表にまとめるとデフォルトは...

横の文字数縦の文字数
テキストフィールドtext_field30
テキストエリアtext_area4020

ちなみに、テキストエリアはスクロールバーが表示されていないと、その幅分広くなっている。

f:id:zariganitosh:20061107211133p:image

text_field、text_areaにサイズを設定するオプションを追加した。

幅40文字で合わせることにする。(下表のように設定する)

横の文字数縦の文字数
テキストフィールドtext_field40
テキストエリアtext_area4010
ビュー _form.rhtml
app/views/softwares/_form.rhtml
<%= error_messages_for 'software' %>


<p><label for="software_title">Title</label><br/>
<%= text_field 'software', 'title', :size => 40  %></p>

<p><label for="software_description">Description</label><br/>
<%= text_area 'software', 'description', :cols => 40, :rows => 10  %></p>

<p><label for="software_url">Url</label><br/>
<%= text_field 'software', 'url', :size => 40  %></p>

これで見た目はこんな感じになった。テキストエリアがスクロールバーの幅分、広いのが気になるけど、今は気にしないことにする。

f:id:zariganitosh:20061107211131p:image

      • 今は大した問題じゃないが、横幅をぴったり合わせる方法ってあるのだろうか?

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/zariganitosh/20061106/1162903998
リンク元