Formularios (beta)

Esta documentación está en fase de desarrollo por lo que puede presentar errores y está sujeto a cambios.

Comentarios

  • A diferencia de Formulario Tipo, los estilos para formularios están incluidos en los estilos genéricos de Portal Unificado.
  • Para indicar campos obligatorios el formato debe ser: Nombre del campo: * (con espacio entre : y *).
  • Las etiquetas legend deben tener obligatoriamente una etiqueta span dentro.

Botones

Botones deshabilitados

Tamaños de botones


Todos los campos indicados con * son obligatorios

Etiquetas y campos
ERROR - Este campo es obligatorio
Este es un texto de ayuda
Selectores
Campos combinados
Incluir dígito verificador
Incluir dígito verificador
ERROR - Este campo es obligatorio
Fechas
Día
Mes
Año
Ejemplo: 31 12 1980
Archivos adjuntos
Verificación de seguridad
Escribe la tercera palabra de: Hoy está lloviendo
Opciones

Texto complementario para el grupo de opciones (opcional)

Texto complementario para el grupo de opciones (opcional)

ERROR - Este campo es obligatorio
Grupo de campos solo lectura
Nombre completo:
Juan Ignacio Rodríguez
Documento de Identidad:

4.520.878-4

Otro valor para el mismo campo

Fecha de Nacimiento:
12/10/1990
Tipos de datos especiales
Campos con indicadores
Rol Validado
Grupo de campos anidados
Grupo de campos hijo 1
Grupo de campos hijo 2
+ Agregar otro grupo
Botón alineado con los campos

Formulario apilado

Otros componentes

Tablas

Tabla con acciones

Prestador Vencimiento Remover
Asociación Española 06/12/2018
ASSE 06/05/2019

Tabla con acciones y campos

Prestador Período de tiempo a compartir Agregar
Casa de Galicia
Casa de Galicia
Casa de Galicia

Tabla editable

Nombre Teléfono
Beatriz Silvera 099543123

Pasos

Pestañas

Contenido de la Pestaña 1
Contenido de la Pestaña 2
Contenido de la Pestaña 3
Contenido de la Pestaña 4

Grupo de errores

Acciones de formulario

Cuadros de diálogo

Título de mensaje de validación exitosa

Mensaje de confirmación de que se ha realizado una acción en forma correcta.

Enlace de acción

Título de mensaje de advertencia

Mensaje deMensaje de aviso ante una situación determinada.

Enlace de acción

Título de mensaje de error

Mensaje que indica que se ha producido un error.

Enlace de acción

Título de mensaje de notificación

Mensaje que notifica de alguna acción.

Enlace de acción

Título de mensaje de información

Mensaje que brinda información complementaria.

Enlace de acción

Notificaciones

Mensaje que notifica de alguna acción. (Se muestra 5 segundos, fijado debajo del cabezal, y luego se desvanece)

Mensaje que notifica de alguna acción. (Se muestra 5 segundos, fijado debajo del cabezal, y luego se desvanece)

Spinner (indicadores de carga)

Spinner (grande)
Spinner (estándar)
Spinner (chico)
Spinner (blanco)