Thursday, 15 April 2010

ruby on rails - Adding span next to input field with simple_form and custom wrapper -


मेरे पास कस्टम आवरण है:

  config.wrappers: input_group, टैग: 'div' , वर्ग: 'फॉर्म-ग्रुप', एरर_क्लॉस: 'है-एरर' डू | बी | B.use: html5 b.use: प्लेसहोल्डर b.optional: maxlength b.optional: पैटर्न b.optional: min_max b.optional: readonly b.use: लेबल, वर्ग: 'नियंत्रण-लेबल' b.use: इनपुट, वर्ग : 'टैग पर नियंत्रण', 'प्रपत्र-नियंत्रण', wrap_with: {tag: 'div', class: 'input-group'} b.use: error, wrap_with: {tag: 'span', class: 'help-block'} b.use : संकेत, रैप_वि:: {टैग: 'पी', वर्ग: 'सहायता-ब्लॉक'} एंड  

और इनपुट के साथ एक फ़ॉर्म:

  & lt; % = Simple_form_for @event do | f | | & Gt%; ... & lt;% = f.input: start_date, जैसा:: स्ट्रिंग, आवरण:: इनपुट_ समूह% & ​​gt; ... & lt;% end% & gt;  

यह HTML बनाता है:

  & lt; div class = "form-group string वैकल्पिक event_start_date" & gt; & Lt; label class = "event_start_date" के लिए स्ट्रिंग ऐच्छिक नियंत्रण-लेबल & gt; प्रारंभ दिनांक & lt; / label & gt; & Lt; div वर्ग = "इनपुट-समूह" & gt; & Lt; इनपुट वर्ग = "स्ट्रिंग ऐच्छिक फॉर्म-कंट्रोल" प्रकार = "टेक्स्ट" नाम = "इवेंट [start_date]" id = "event_start_date" & gt; & Lt; / div & gt; & Lt; / div & gt;  

मैं इनपुट तत्व के बगल में स्पैन जोड़ना चाहता हूं:

  & lt; div class = "form-group string वैकल्पिक event_start_date" & gt; & Lt; label class = "event_start_date" के लिए स्ट्रिंग ऐच्छिक नियंत्रण-लेबल & gt; प्रारंभ दिनांक & lt; / label & gt; & Lt; div वर्ग = "इनपुट-समूह" & gt; & Lt; इनपुट वर्ग = "स्ट्रिंग ऐच्छिक फॉर्म-कंट्रोल" प्रकार = "टेक्स्ट" नाम = "इवेंट [start_date]" id = "event_start_date" & gt; ---- & gt; & Lt; span class = "input-group-addon" & gt; टेस्ट & lt; / span & gt; & lt; ---- & lt; / div & gt; & Lt; / div & gt;  

मैं यह कैसे कर सकता हूँ? (स्पैन पाठ प्रत्येक इनपुट तत्व के लिए अलग-अलग होगा)

अगर कोई और अभी भी इसके लिए खोज रहा है, तो संकेत सहायक ठीक उसी तरह करता है: इनपुट फ़ील्ड के बगल में मनमाने ढंग से पाठ वाला एक तत्व जोड़ता है ऊपर दिए गए उदाहरण में ऐसा दिखेगा:

पहले संकेत wrapper तत्व को span

  config को बदलें .wrappers: input_group, टैग: 'div', class: 'form-group', error_class: 'has-error' do | b | ... b.use: संकेत, wrap_with: {tag: 'span', class: 'help-block'} ... end  

और फिर संकेत आपके विचार में:

  & lt;% = simple_form_for @event do | f | & Gt%; ... & lt;% = f.input: start_date, जैसा:: स्ट्रिंग, आवरण:: इनपुट_ समूह, संकेत: 'परीक्षण'% & gt; ... & lt;% end% & gt;  

No comments:

Post a Comment