रेल पर रूबी के लिए Simple_form के साथ मैं अपना त्रुटि संदेश कैसे संरेखित करूं?

Question

वर्तमान में, मेरी प्रपत्र एक त्रुटि संदेश के साथ इस तरह दिखता है (नाम एक आवश्यक फ़ील्ड है):

लेकिन मैं 'नाम' के साथ 'खाली नहीं हो सकता' त्रुटि रखना चाहते हैं , इस तरह:

मैं अपने आप को इस कोड के साथ डिफ़ॉल्ट Simple_form वर्गों बूटस्ट्रैप से बदलकर 'नाम' लेबल और त्रुटि के बारे में अधिक स्वतंत्रता दी है:

<%= f.input :name, :required => true, :label_html => { :class => 'edit_form_titles' }, :error_html => { :class => 'cant_be_blank'} %> 

और इन वर्गों के लिए मेरी सीएसएस है:

.edit_form_titles{ 
    display: block; 
    margin-bottom: 0px; 
    color: #333333; 
    } 

    .cant_be_blank{ 
    font-size:12px; 
    } 

कैसे मैं, नाम के आगे त्रुटि संदेश संरेखित कर सकते हैं के रूप में मैं का वर्णन पर कोई विचार? किसी भी मदद के लिए धन्यवाद।

Answer 1

मैं इनपुट बॉक्स के ऊपर लेबल में अपनी त्रुटियों को प्रदर्शित करने में कामयाब रहा।

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

<%= f.input :name, :required => true, :label_html => { :class => 'edit_form_titles' }, :error_html => { :class => 'cant_be_blank'} %> 

मेरी initializers में/simple_form.rb थी:

config.wrappers :bootstrap, :tag => 'div', :class => 'control-group', :error_class => 'error' do |b| 
    b.use :html5 
    b.use :placeholder 
    b.use :label 
    b.wrapper :tag => 'div', :class => 'controls' do |input| 
     input.use :input 
     input.use :error, :wrap_with => { :tag => 'span', :class => 'help-inline' } 
     input.use :hint, :wrap_with => { :tag => 'p', :class => 'help-block' } 
    end 
    end 

मैं करने के लिए इस बदल दिया है:

config.wrappers :bootstrap, :tag => 'div', :class => 'control-group', :error_class => 'error' do |b| 
    b.use :html5 
    b.use :placeholder 
    b.wrapper :tag => 'div', :class => 'label-error' do |input| 
     b.use :label 
     b.use :error, :wrap_with => { :tag => 'span', :class => 'help-block' } 
    end 
    b.wrapper :tag => 'div', :class => 'controls' do |ba| 
     ba.use :input 
     ba.use :hint, :wrap_with => { :tag => 'p', :class => 'help-block' } 
    end 
    end 

इनपुट बॉक्स और मैं के तहत खाली खाली जगह से छुटकारा मिला है कि मेरे cant_be_blank वर्ग को प्रारूपित कर सकता है ताकि टेक्स्ट मेरे लेबल में टेक्स्ट के बगल में दिखाई दे।