simpleform simple_form simple rails form association ruby-on-rails height simple-form textfield

ruby-on-rails - association - simple_form select rails



no se puede cambiar la altura de un campo de texto en simple_form (8)

Acabo de tener el mismo problema en Rails 5.1 y Bootstrap4. Hice lo siguiente:

<%= f.input :bio, input_html: {style: ''height:200px !important;''} %>

y funciona.

He intentado

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

desde config / initializers / simple_form.rb

También he intentado <%= f.input :message, :input_html => {:size => 10} %>

Pero ninguno de estos cambia nada sobre cómo aparecen los campos de texto.


Logré hacer esto agregando :as => :text a los atributos del campo de entrada y luego agregando estilo y filas a la entrada html:

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

Para mí, fue el texto :as => :text que consiguió que funcionara el atributo "filas", y el ancho del 100% lo hizo fluido en lugar del ancho fijo.


Pasar: las opciones de input_html anulan los valores predeterminados. Debe verificar los valores de los atributos para las clases css que pueden modificar su comportamiento.

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


Pruebe Firebug o Code Inspector de Google Chrome para inspeccionar el elemento text_field , vea exactamente el nombre de la clase y cámbielo directamente en su archivo de hojas de estilo.


Si desea cambiar la "altura", necesita modificar el atributo css:

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


Tu puedes hacer

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

Para altura y anchura.

Puede funcionar para el campo de texto pero definitivamente funciona para text_area . Probablemente querrá usar text_area para un mensaje de todos modos.


Usted necesita hacer ésto

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

Los atributos de la etiqueta del área de texto HTML tienen dos atributos, a saber rows y cols que le permiten especificar el número de filas y columnas (es decir, ancho) de su área de texto. Si esto no funciona, abra la consola y vea si su css está anulando la altura.


Vieja pregunta, lo sé. Esto es lo que me funcionó con SimpleForm 3.2.0 y Rails 4.2.3:

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