Hata mesajımı Ruby on Rails için Simple_form ile nasıl hizalarım?</p> <p><img src="https://i.stack.imgur.com/7K5sM.jpg" alt="enter image description here"></p> <p>Ama 'Ad' yanında 'boş olamaz' hatası koymak istiyorum: Şu anda

Question

, benim form (Ad gerekli bir alandır) bir hata mesajıyla şöyle böyle:

Bu kod ile Simple_form sınıflardan önyükleme varsayılan değiştirerek kendime 'Ad' etiket ve hatayla ilgili daha fazla özgürlük verdik:

Bu sınıflar için

Ve css geçerli:

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

    .cant_be_blank{ 
    font-size:12px; 
    } 

Tarif gibi ben, adının yanındaki hata mesajı hizalayabilirsiniz nasıl biliyor musunuz? Herhangi bir yardım için teşekkürler.

Answer 1

Hataların giriş kutusunun üzerindeki etikette görüntülenmesini sağlamayı başardım.

Aşağıdaki kod ile hatalarıma konumlandırma vb. Şekilde biçimlendirilebilen bir sınıf verdim, ancak giriş kutusunun altında her zaman boş bir div veya başka bir şey vardı; ortak. Benim başlatıcıları olarak

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

/simple_form.rb vardı:

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 

ben bu değişti: giriş kutusuna ve I altında boş boş alan kurtuldum

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 sınıfımı biçimlendirebilir, böylece metin etiketteki metnin tam olarak yanında görünür.