2010-02-01 12 views
5

में एक ही LI तत्व में दो आदानों शामिल करें, मैं एक मात्रा क्षेत्र और इकाई क्षेत्र है कि आइटम की मात्रा और यूनिट उस में मापा जाता है के लिए पूछता है।formtastic का उपयोग Formtastic

मेरे समस्या यह है कि मैं चाहते हैं मात्रा बॉक्स के साथ प्रदर्शित करने के लिए यूनिट बॉक्स। हालांकि, क्योंकि फॉर्मेटास्टिक अपने स्वयं के एलआई तत्व में प्रत्येक इनपुट को धक्का देता है, इसलिए मैं उन्हें एक दूसरे के बगल में नहीं दिख सकता।

कोई विचार?

उत्तर

9

अपने मात्रा और इकाई क्षेत्रों के लिए एक एचटीएमएल आवरण का उपयोग करें:

<%= form.input :quantity, :wrapper_html => { :class => 'fl' } %> 
<%= form.input :unit,  :wrapper_html => { :class => 'fl' } %> 

और अपने सीएसएस (शायद formtastic-changes.css) में, एक सीएसएस नाव संपत्ति ली फ्लोट करने के लिए।

form.formtastic fieldset ol li.fl {float: left; margin-right: 2em;} 

आप अपने लेआउट और रिक्ति काम कर पाने के सीएसएस के साथ विशिष्ट वर्ग या wrapper_html और बेला के लिए आईडी के लिए हो सकता है: मैं इकाई लेबल कुछ कमरे में सांस लेने के देने का अधिकार मार्जिन का एक सा जोड़ दिया है जिस तरह से आप चाहते हैं।

+0

उत्तर स्वीकार किया गया क्योंकि यह मुझे दिखाता है कि कुछ भी काम नहीं करेगा। मैं बस नियमित रूप से फॉर्म फॉर्मर सिंटैक्स को इंटरमीक्स करता हूं। – WedTM

+1

धन्यवाद, लेकिन मुझे समझ में नहीं आता कि आपको नियमित फॉर्म बिल्डर का उपयोग क्यों करना होगा? मैं इस wrapper_html तकनीक का उपयोग फॉर्मेटास्टिक के साथ सफलतापूर्वक कर रहा हूं (प्रदर्शन का उपयोग करके: फ्लोट के बजाय मेरे सीएसएस में इनलाइन) और यह ठीक काम कर रहा है। – ghoppe

+0

मैं यह भी करता हूं। यह बढ़िया काम करता है। – jonnii

संबंधित मुद्दे