Ventana modal

Ventana modal

¿Qué es una Ventana modal en la Plataforma EGA Futura?

Una Ventana modal es la ventana que se superpone al contenido de la Plataforma EGA Futura y bloquea la interacción con el resto de la pantalla hasta que se cierra. Se usa para lo que conviene resolver antes de seguir: crear un registro rápido, confirmar una acción con consecuencias o mostrar un aviso que hay que leer. Se cierra al guardar, al cancelar o con la tecla Escape, y recién ahí la pantalla de atrás vuelve a responder. Es la contracara del Panel lateral, que muestra información sin bloquear nada.
Ventana modal
📚 »
Ventana modal
¿Qué es una Ventana modal en la Plataforma EGA Futura?

Ventana modal

Introducción a la Ventana modal

Una Ventana modal es una ventana que se abre encima de la pantalla y deja el resto en pausa.

El fondo se oscurece y no responde a los clics.

Ese bloqueo no es un defecto: es exactamente lo que define a una modal y lo que la distingue de cualquier otro panel.

Por qué bloquea

La modal aparece cuando hace falta terminar algo antes de seguir.

Si se pudiera dejar abierta y trabajar por atrás, quedarían a medio hacer justamente las acciones que no conviene dejar a medias.

El bloqueo obliga a resolver: guardar, cancelar o cerrar.

Para qué se usa

Crear un registro rápido

Es el uso más frecuente de todos.

Desde una Vista de lista o desde una Lista relacionada, el botón de nuevo abre un formulario corto dentro de una modal.

Al guardar, la ventana se cierra y la lista de atrás se actualiza sola.

Confirmar una acción con consecuencias

Eliminar un registro o cambiar el estado de varios a la vez abre un pedido de confirmación.

Es la última oportunidad de frenar antes de que la acción se ejecute.

Mostrar un aviso que hay que leer

Algunos mensajes no pueden quedar en un rincón de la pantalla.

Un error de validación o una advertencia de permisos aparece en modal para que no pase inadvertido.

Cómo se cierra

Toda modal tiene al menos dos salidas: el botón que confirma y el que cancela.

La cruz de la esquina y la tecla Escape equivalen a cancelar.

Conviene tener presente que cancelar descarta lo escrito, así que lo cargado en el formulario se pierde.

Un hábito que evita perder trabajo

Lo que se escribe dentro de una modal no queda guardado hasta confirmar.

Con formularios largos conviene guardar primero lo mínimo y completar el resto en la pantalla del registro.

Así, un clic afuera por error no borra diez minutos de carga.

La diferencia con el Panel lateral

Las dos se abren sobre lo que ya estaba en pantalla, y ahí terminan los parecidos.

El Panel lateral deja seguir trabajando mientras está abierto, porque está pensado para consultar.

La Ventana modal no lo permite, porque está pensada para decidir.

Cuando una pantalla usa una modal para algo que solo había que mirar, casi siempre está mal elegida.

Cuántas modales conviene encadenar

Lo recomendable es una sola por vez.

Cuando una modal abre otra encima, se pierde el rastro de qué se estaba haciendo y de qué pasa al cancelar.

Si un proceso necesita varios pasos, conviene resolverlo en una pantalla propia y no apilando ventanas.

Qué pasa en el celular

En pantallas chicas la modal ocupa todo el ancho disponible.

El efecto es el mismo: nada de lo que hay detrás responde hasta que se cierra.

Dónde aparece dentro de la Plataforma

La Ventana modal no se abre por voluntad propia.

La dispara siempre una acción: un botón de nuevo, un botón de eliminar o una validación que no pasó.

Cómo se relaciona con el resto de la interfaz

Aparece sobre casi cualquier pantalla, así que convive con todos los demás elementos.

Los botones de una Vista de lista, de una Lista relacionada y del panel de resaltado de un registro son sus disparadores habituales.

Al guardar, la pantalla de atrás se refresca sin recargarse entera.

Un caso concreto

Una persona de ventas está mirando la pantalla de una cuenta y necesita cargar un contacto nuevo.

Usa el botón de la Lista relacionada de contactos y completa el formulario en la modal, sin salir de la cuenta.

Al guardar, el contacto ya aparece en la lista y con la cuenta cargada de entrada.

Cuando la modal parece trabada

Si la ventana no cierra al guardar, lo primero a mirar es si hay un mensaje de error arriba del formulario.

Un campo obligatorio vacío o una validación que no pasó dejan la modal abierta a propósito.

¿Por qué no se puede hacer clic en el fondo mientras hay una modal abierta?

Porque la modal bloquea el resto de la pantalla a propósito.

Está pensada para acciones que conviene terminar antes de pasar a otra cosa.

¿Se pierde lo cargado si la modal se cierra por error?

Sí, cerrar equivale a cancelar y descarta lo que todavía no se guardó.

Por eso conviene salir con el botón de guardar y no con la cruz cuando el formulario ya está completo.

La modal no cierra al guardar, ¿está colgada?

Casi nunca lo está.

Lo habitual es que falte un campo obligatorio o que una validación no haya pasado, con el aviso arriba del formulario.

¿Se puede abrir el registro completo en vez de la modal?

Sí, la modal muestra un formulario corto y el registro tiene además su propia pantalla.

Después de guardar se puede abrir el registro para completar el resto de los campos.

Una Ventana modal es la ventana que se superpone al contenido de la Plataforma EGA Futura y bloquea la interacción con el resto de la pantalla hasta que se cierra. Se usa para lo que conviene resolver antes de seguir: crear un registro rápido, confirmar una acción con consecuencias o mostrar un aviso que hay que leer. Se cierra al guardar, al cancelar o con la tecla Escape, y recién ahí la pantalla de atrás vuelve a responder. Es la contracara del Panel lateral, que muestra información sin bloquear nada.

Info relacionada a

Ventana modal

Búsquedas relacionadas

ventana modal, modal, popup, pop up, ventana emergente, cuadro de dialogo, dialogo modal, ventana de confirmacion, modal window, dialog, ventana superpuesta, crear registro rapido, ventana que bloquea la pantalla

Información técnica para Administradores y Programadores️ ☕️

Qué controla el administrador

Los campos que muestra la modal de creación no son todos los del objeto.

Salen de un diseño reducido que se configura aparte del diseño completo del registro.

Por qué conviene mantenerla corta

Una modal con veinte campos anula el motivo por el que existe, que es cargar algo rápido sin cambiar de pantalla.

El criterio práctico es dejar solo los campos obligatorios y los que casi siempre se completan.

Validaciones

Las reglas de validación se ejecutan igual dentro de la modal que en la pantalla completa.

Cuando una regla falla, el mensaje aparece dentro de la ventana y el guardado no avanza.

Ese es el motivo más frecuente de los reportes de modales trabadas.

Errores de diseño frecuentes

  • Usar una modal para consultar algo que solo había que leer.
  • Encadenar dos modales, que deja a quien la usa sin saber dónde está parado.
  • Dejar fuera un campo obligatorio del diseño reducido, lo que hace fallar el guardado sin una explicación clara.

Transcripción del video ⌨️

# 1
Estamos en el Puesto 1 en Softonic desde hace nueve años ininterrumpidos
24x7
Desde nuestra plataforma ofrecemos soporte técnico todos los días
+60.000
Más de sesenta mil PyMEs implementan nuestro software todos los años
1994
Desde hace más de 30 años potenciamos a las Empresas de Iberoamérica