[Résolu][Rails] Modifier le form helper

[Holy]

Yooo !

J'ai un petit soucis avec l'helper form de Rails. En fait, j'aimerais personnaliser la mise en forme de mes champs. Vous me direz : ben y a le css pour ça.

Pas faux ! Mais j'aimerais aller un peu plus loin. J'aimerais modifier l'aspect de mes champs en fonction de la taille de mes champs (attribut size). Ce que j'aimerais faire : ajouter une classe en fonction de la taille des champs.

Je me demandais donc si il était possible de modifier l'helper de Rails afin de rendre ce procédé automatique.

Merci d'avance pour votre aide

Holy

[Sephi-Chan]

Tu peux t'intéresser à la création de form builder personnalisés.

[t.bodeux]

Je ne saos pas si tu connais la GEM 'simple_form', elle fait partie pour moi des essentiel a tout projet Rails.
Sur cellci, tu peux ensuite personnaliser normalement les builder par défaut

[Plume]

C'est pour utiliser quelque chose comme Twitter Bootstrap et compagnie ?

[Holy]

C'est pour utiliser quelque chose comme Twitter Bootstrap et compagnie ?

Nope.

Finalement j'ai opté pour les nouvelles propriétés de background en CSS3 qui permettent d'avoir plusieurs background pour un même élément. Ca me permet de créer des champs extensibles qui se tiennent, plutôt sympa.

Cela dit, ça m'a permis de découvrir les form_builders et simple form. Thanks

[Holy]

Je continue à bosser mes formulaires et j'ai commencé à utiliser simple_form. De base, simple_form renseigne les hint et les erreurs dans des divs adjacents au champ input.

Exemple :

= u.input :email

Générera :

<div class="input email required field_with_hint">

  <label class="email required control-label" for="user_email"><abbr title="required">*</abbr> E-mail</label>

  <input class="string email required" id="user_email" name="user[email]" size="50" type="email" />

  <span class="hint">Une adresse email valide qui vous permettra de vous connecter.</span>

</div>

J'aimerais pouvoir modifier différentes choses par rapport à ce contenu généré. J'ai compris qu'on pouvait utiliser l'API de simple_form pour modifier ce rendu, mais j'ai pas trouvé de solution pour faire ce que je voulais faire:
1. Placer l'astérisque à droite plutôt qu'à gauche du label (Email *). J'ai trouvé !
2. Indiquer l'hint et l'error directement dans l'attribut "title" (si error existe, on n'indique pas l'hint) .plutôt que dans un div.

Z'auriez une idée de comment procéder ?

[Sephi-Chan]

En modifiant le form builder de Simple form, à nouveau. :p

[Holy]

C'était évident

J'ai un soucis par rapport au custom builder. Quand j'utilise les données renseignées par la documentation de simple_form [ici], j'ai un message d'erreur :

undefined method `merge!' for nil:NilClass

Je comprends bien le message d'erreur, mais j'ai pas trop de solution :

class CyFormBuilder < SimpleForm::FormBuilder

  def input(attribute_name, options = {}, &block)

    options[:input_html].merge! :class => 'custom'

    super

  end

end

Et mon helper :

def cy_form_for(name, *args, &block)

  options = args.extract_options!



  simple_form_for(name, *(args << options.merge(:builder => CyFormBuilder)), &block)

end

Et enfin mon code de formulaire :

= cy_form_for @user, :url => register_path do |u|



  .col-50

    %h2 Héros



    = u.input :contact_email

C'est un exemple tiré directement de la documentation. Ce que je pige pas, c'est que par défaut ma variable "options" devrait valoir {}. Merge fonctionne pas sur les hashs vides ? Si vous avez une piste.. ^^

Si il le faut, je peux push histoire que vous bidouillez directement sur le projet (j'essaie de me mettre "à la mode" Git).

[Plume]

Ton message d'erreur ne parle pas pas d'un hash vide mais d'une valeur nil.

> {} == nil

=> false

Le problème est donc l'appel à merge! sur options[:input_html] qui ne vaut rien puisque comme tu le dis, options vaut {}.

[Holy]

J'ai corrigé comme ceci :

class CyFormBuilder < SimpleForm::FormBuilder

  def input(attribute_name, options = {}, &block)

    options[:input_html] = {} if options[:input_html].nil?

    options[:input_html].merge! :class => 'test'

    super

  end

end

Ca marche, mais y a peut-être une meilleure façon de faire.