2012-10-25 16 views
5

तो मैं इस पाठ क्षेत्रमैं रेल में फ़ील्ड_फील्ड की लंबाई कैसे बदल सकता हूं?

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

यह बॉक्स उस में है की चौड़ाई के 100% तक ले जाता है है अभी। मैं यह 95% की तरह लेना चाहते हैं। अब तक मैंने कोशिश की है (अन्य फोरम पोस्ट से)

:columns => "50" जोड़कर इससे प्रभावित नहीं हुआ। मैंने कोशिश की एक HTML टैग, :html => { :id => "offer_form" } पर डाल और फिर मेरी सीएसएस फ़ाइल

#offer_form { width:50%;} 

में डाल इस

किसी अन्य सुझाव काम नहीं किया?

संपादित करें:

मुझे एहसास हुआ कि मैं/रूपों/

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

} 

और जब मैं यहाँ चौड़ाई बदल यह काम करता है के तहत है मेरी सीएसएस फ़ाइल में। लेकिन यह पूरे ऐप (स्पष्ट रूप से) में सभी रूपों को प्रभावित करता है (यानी वे सभी 98% हैं)। क्या कोई तरीका है कि मैं सिर्फ इस क्षेत्र को आईडी कर सकता हूं ताकि मैं अपनी चौड़ाई को स्वतंत्र रूप से संपादित कर सकूं।

उत्तर

4

सीएसएस का उपयोग करें। फ़ील्ड की चौड़ाई इसके अधिकतम वर्णों से संबंधित नहीं है।

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

कि प्रभावित नहीं किया text_field को :size=>"50" विकल्प जोड़ने। क्या कोड के कोई अन्य टुकड़े हैं जो मैं आपको दिखा सकता हूं जो मदद कर सकता है? –

+0

वह कोड शायद * इसे प्रभावित नहीं करेगा, जब तक कि आपका '' 'body' की कक्षा न हो। आप * अपने विशिष्ट * कक्षाओं/पहचानकर्ताओं को सीएसएस लागू करने के लिए हैं। – meagar

+0

ओह ठीक है। मुझे लगता है कि मुझे पता है कि क्या हो रहा है। मैंने अपना प्रश्न –

15

यह

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

संपादित किया है जो मुझे एक अपरिभाषित विधि "आकार" त्रुटि देता है। कोई विचार क्यों? मैंने सोचा कि आकार सिर्फ एक सीएसएस गुणवत्ता होगी। –

+2

यदि आपको वह त्रुटि मिल रही है, तो ऐसा इसलिए है क्योंकि आपने ':' को छोड़ दिया है। यह 'आकार 'है,' आकार 'नहीं। यह उत्तर आपके टेक्स्टबॉक्स को छोटा कर सकता है, लेकिन यदि आप सचमुच माता-पिता की चौड़ाई का अपना टेक्स्टबॉक्स बनाना चाहते हैं, तो यह संभवतः आपकी सहायता नहीं कर सकता है। आपको सीएसएस की जरूरत है – meagar