Widget Password (campo contraseña)
En los archivos XMLView puedes usar el widget password (WidgetPassword) para mostrar y editar contraseñas en formularios. Su comportamiento es idéntico al del widget de texto, salvo que muestra puntos en lugar de los caracteres de la contraseña.
<column name="new-password" numcolumns="4" order="100">
<widget type="password" fieldname="newPassword" />
</column>
⚙️ Configuración
A continuación tienes las propiedades más útiles del widget y cómo usarlas. Usa siempre fieldname para enlazar con el campo del modelo.
- fieldname (obligatorio): nombre del campo que contiene la contraseña. Ejemplo:
fieldname="newPassword". - required: si lo pones (
required="true") impide guardar el formulario cuando el campo está vacío. - icon: nombre del icono que se mostrará dentro del campo. Revisa los iconos disponibles. Ejemplo:
icon="fa-solid fa-lock". - maxlength: longitud máxima permitida para la contraseña. Ejemplo:
maxlength="32".
🧩 Ejemplos prácticos
Ejemplo básico:
<widget type="password" fieldname="userPassword" />
Ejemplo con validación obligatoria y límite de longitud:
<widget type="password" fieldname="newPassword" required="true" maxlength="64" />
Ejemplo con icono visible en el campo:
<widget type="password" fieldname="apiKey" icon="fa-solid fa-key" />
👁️ Mostrar/ocultar contraseña
El widget incluye un icono de ojo que permite alternar la visibilidad de la contraseña: si haces clic en el ojo verás los caracteres; vuelve a hacer clic para ocultarlos como puntos. Esta funcionalidad es puramente visual y no cambia cómo se guarda el dato.

🔐 Seguridad y buenas prácticas
- El widget solo controla la presentación en la interfaz; asegúrate de validar y proteger la contraseña en el servidor (hash, sal, etc.).
- No dependas únicamente del atributo
maxlengthpara la seguridad; también valida en el backend. - Usa
requiredcuando la contraseña sea obligatoria y muestra mensajes claros al usuario sobre requisitos (longitud mínima, caracteres especiales, etc.).