2012-10-25 17 views
5

Yani o olduğunu kutunun genişliğinin% 100 kaplıyor şu anda bu metin alanınaBir text_field uzunluğunu raylarda nasıl değiştirebilirim?

<%= f.text_field :body, placeholder: "Make an offer ", :maxlength=>"254" %> 

var. Ben% 95 gibi almak istemem. Şimdiye kadar denedim (diğer forum mesajlarından)

:columns => "50" ekleyerek bunu etkilemedi. Ben bir html etiketi, :html => { :id => "offer_form" } koyarak ve sonra bu

başka öneri işe yaramadı benim css dosyasında

#offer_form { width:50%;} 

koyarak çalıştı?

düzenleme:

benim css dosyasında G/formları/

input, textarea, select, .uneditable-input { 
    border: 1px solid #bbb; 
    width: 98%; 
    padding: 10px; 
    height: auto !important; 
    margin-bottom: 15px; 

} 

ve ben burada genişliğini değiştirmek zaman çalıştığını altında sahip olduğunu fark etti. ama tüm uygulamadaki tüm formları etkiler (belli ki) (yani hepsi% 98). Genişliğini bağımsız olarak düzenleyebilmem için sadece bu alanı tanımlayabileceğim bir yol var mı?

cevap

4

CSS'yi kullanın. Alanın genişliği, maksimum karakterleriyle ilgili değil.

input.body { 
    width:95%; 
} 
+0

etkilemedi onu text_field için :size=>"50" seçeneğini ekleyin. Size gösterebileceğim başka bir kod parçası var mı? –

+0

Bu kod muhtemelen "* " bedeniniz sınıfına sahip olmadıkça * etkilemez *. CSS'yi * kendi * sınıfları/tanımlayıcılarınıza * uygulayacaksınız. – meagar

+0

ohh tamam. Sanırım neler olduğunu biliyorum. Bana tanımlanmamış bir yöntem "boyut" hatası veren –

15

<%= f.text_field :body, :size=>"50", placeholder: "Make an offer ", :maxlength=>"254" %> 
+0

sorumu düzenledim. Bir fikrin neden? Büyüklüğün sadece css kalitesi olacağını düşünmüştüm. –

+2

Bu hatayı alıyorsanız, bunun nedeni: ''. '' Boyut' değil 'boyut'. Bu cevap, metin kutunuzu daha küçük hale getirebilir, ancak metin kutunuzu gerçekten ebeveynin genişliğinin% 95'ini yapmak istiyorsanız, bu size yardımcı olamaz. CSS'ye ihtiyacınız var. – meagar

İlgili konular