2012-06-18 39 views
8

Si cambio el ancho del Spinner como a continuación, solo se cambia el lugar de la flecha hacia arriba/abajo -el área de texto permanece como predeterminada, cómo cambio el tamaño del rotador -incluyendo el área de texto.Primefaces spinner - Cómo cambiar el ancho

<p:spinner id="spinnerBasic" style="width:50px;"/> 

Respuesta

16

The Primefaces spinner es un componente compuesto que consiste en un campo de texto y los elementos de control. Todo esto se representará dentro de un <span>.

Si sólo desea cambiar el tamaño de la entrada de texto, el p:spinner tiene un atributo de tamaño:

<p:spinner id="spinnerBasic" size="20"..../> 

Desde el primefaces documentation:

tamaño: Número de caracteres que se utilizan para determinar la ancho del elemento de entrada .

La clase css correspondiente es ui-spinner-input. Cambiar el atributo width de esta clase para obtener los cambios deseados.

+0

Gracias se resolvió, tamaño = "20" es el tamaño predeterminado. – user1433804

Cuestiones relacionadas