ne peut pas changer la hauteur d'un champ de texte dans simple_form

J'ai essayé

  #Default size for text inputs.  
  config.default_input_size = 10

de config/initializers/simple_form.rb

J'ai aussi essayé de <%= f.input :message, :input_html => {:size => 10} %>

Mais ni l'un ni de changer une seule chose au sujet de mon champs de texte apparaissent.

source d'informationauteur Linoux

  1. 41

    Vous avez besoin pour ce faire

    <%= f.input :message, :input_html => {:rows => 10} %>

    Html zone de texte attributs de la balise possède deux attributs, à savoir rows et cols qui vous permet de spécifier le pas de lignes et de colonnes(par ex. largeur) de votre zone de texte. Si cela ne fonctionne pas alors ouvrir la console et de voir si votre css est primordial à la hauteur.

  2. 14

    En passant :input_html options remplacent les valeurs par défaut. Vous devez vérifier les valeurs des attributs de classes css qui peuvent modifier leur comportement.

    <%= f.input : message, :as => :text, :input_html => { 'rows' => 5} %>
  3. 8

    J'ai réussi à le faire en ajoutant :as => :text dans le champ de saisie des attributs, puis ajouter du style & les lignes de l'entrée en html:

    <%= f.input :message, label: "Message: ", :as => :text, input_html: { :style=> 'width: 100%;', :rows => 4} %>

    Pour moi, c'était la :as => :text que les "lignes" de l'attribut de travail, et le 100% de la largeur de fait fluide plutôt que de largeur fixe.

  4. 3

    si vous souhaitez changer de "hauteur", vous devez modifier l'attribut css:

    <%= f.input :message, input_html: {style: 'height:10px;'} %>
  5. 2

    Vieille question, je sais. C'est ce qui a fonctionné pour moi avec SimpleForm 3.2.0 et les Rails 4.2.3:

    <%= f.input_field :field_name, as: :text, class: "my-custom-class", rows: 5 %>
  6. 1

    Vous pouvez faire

    <%= f.input :message, :size => "10x10" %>

    pour la hauteur et la largeur.

    Il pourrait travailler pour un champ texte, mais fonctionne bien pour text_area. Vous avez probablement vous souhaitez utiliser text_area pour un message de toute façon.

  7. 0

    Essayer de Firebug ou l'Inspecteur de Code à partir de Google Chrome pour inspecter les text_field élément, voir exactement le nom de la classe et de les modifier directement dans votre fichier de style.