2012-09-18 13 views
6

रेल प्रशासन में एक पोस्ट के "बॉडी" पर इनपुट क्षेत्र की डिफ़ॉल्ट ऊंचाई बहुत छोटी है। मैं ऊंचाई को बढ़ाने के तरीके को समझने की कोशिश कर रहा हूं। कोई सुझाव?Rails_Admin - पोस्ट दृश्य में टेक्स्ट फ़ील्ड का आकार कैसे बदलें

config.model Post do 
label 'Blog' 
weight 0 
edit do 
    field :user 
    field :title 
    field :body_format 
    field :body do 
    (something here?) 
    end 

उत्तर

0

इसका आपके मॉडल के साथ कुछ लेना देना नहीं है, आपको उस तत्व के लिए सीएसएस को बदलने की आवश्यकता है। कई रेल इंजन आपके द्वारा सीएसएस को "छिपाने" देते हैं, लेकिन वैसे भी उन्हें अकेले छोड़ना और अपनी कस्टम.css फ़ाइल में बदलाव करना बेहतर होता है (या यदि आप SASS का उपयोग कर रहे हैं तो custom.css.scss)।

क्रोम में पृष्ठ को देखने का सबसे आसान तरीका है, "बॉडी" तत्व पर राइट क्लिक करें और जब पॉपअप मेनू दिखाता है, तो तत्व का निरीक्षण करने के लिए नीचे जाएं। क्रोम डेवलपर टूल विंडो नीचे खुल जाएगी और वह तत्व हाइलाइट किया जाएगा। क्या कहा जा रहा है यह देखने के लिए दाईं ओर सीएसएस वर्ग को देखो।

अपनी कस्टम.css फ़ाइल में जाएं और उस सीएसएस कक्षा का एक नया संस्करण लिखें। आप उस सटीक नाम का उपयोग कर सकते हैं, लेकिन अपनी विशिष्ट कक्षा को लिखना बेहतर है जो उस विशिष्ट HTML तत्व में जोड़ा गया है या आप जितना चाहें उतना ओवरराइड करेंगे।

input, textarea .yourclassname { 
    height: 200px; 
} 

यदि ऐसा कुछ काम नहीं करता है। महत्वपूर्ण जोड़ें! (बेहतर इसे बाहर छोड़ने के लिए करता है, तो यह आवश्यक नहीं है।)

input, textarea .yourclassname { 
    height: 200px !important; 
} 
9
configure :description do 
    html_attributes rows: 20, cols: 50 
end 
+1

यह सही ढंग से काम करता है। अपने मॉडल के अंदर अपने rails_admin do ब्लॉक के अंदर रखें, प्रतिस्थापित करें: उस फ़ील्ड के साथ विवरण जिसे आप टेक्स्ट ब्लॉक फॉर्म तत्व को संशोधित करना चाहते हैं। – rcd

+0

यह एक अच्छा समाधान है लेकिन टेक्स्ट फ़ील्ड स्क्रीन के आकार के अनुकूल नहीं है। एक पूर्णस्क्रीन विकल्प अच्छा होगा। – adamwong246

+0

सही समाधान/मेरे लिए बहुत अच्छी तरह से काम करता है। –

1

रेल व्यवस्थापक में पाठ क्षेत्र की लंबाई में वृद्धि का एक और तरीका है:

field :description, :text do 
    html_attributes do 
    {:maxlength => 600} 
    end 
end 
संबंधित मुद्दे