Visualización de Formas

<< Clic para mostrar Tabla de Contenidos >>

Navegación:  Automatización de Procesos con poco código > Studio Cloud -ambiente de autoría > Bizagi Apps > App Designer > Editor del App Designer > Configuración > Apariencia >

Visualización de Formas

Introducción

Las configuraciones de Visualización de Formas definen cómo se muestran las Formas dentro de sus apps. Estas configuraciones controlan si las Formas aparecen en una Ventana emergente o en un Panel lateral, así como su tamaño, posición y la visibilidad de elementos específicos como el encabezado y la columna de detalles.

 

Usted puede acceder a estas opciones en el menú Apariencia del editor del App Designer para personalizar cómo los usuarios finales interactúan con las Formas, garantizando un diseño que se adapte a las necesidades de su proceso y al espacio disponible en pantalla.

 

AppsFormsVisualization01

 

Ventana emergente

La opción Ventana emergente muestra la Forma en una ventana centrada que aparece sobre la pantalla actual.

Esta vista es ideal para tareas que requieren atención enfocada en una Forma específica sin navegar fuera de la interfaz principal.

 

AppsFormsVisualization02

 

Usted puede personalizar el tamaño y la posición de la ventana para controlar cómo aparece.

 

Tamaño

Esta configuración define las dimensiones de la ventana de la Forma.

 

AppsFormsVisualization03

 

Para ajustarlo:

1.Seleccione Ventana emergente en Seleccionar la visualización de la forma.

2.Elija uno de los tamaños predefinidos en Seleccionar tamaño de la forma:

 

Pequeño (960 × 950 píxeles)

 

AppsFormsVisualization04

 

Mediano (1400 × 950 píxeles)

 

AppsFormsVisualization05

 

Grande (1600 × 950 píxeles)

 

AppsFormsVisualization06

 

Completo (1900 × 1000 píxeles)

 

AppsFormsVisualization07

 

note_pin

Los valores de tamaño se miden en ancho × alto.

 

Posición

Esta configuración define dónde aparece la Forma en la pantalla.

 

AppsFormsVisualization08

 

Para configurarla:

1.Seleccione Ventana emergente en Seleccionar la visualización de la forma.

2.Elija una de las siguientes opciones en Posición en la pantalla:

 

Izquierda: alinea la Forma al lado izquierdo de la pantalla.

 

AppsFormsVisualization09

 

Centro: muestra la Forma en el centro de la pantalla.

 

AppsFormsVisualization10

 

Derecha: alinea la Forma al lado derecho de la pantalla.

 

AppsFormsVisualization11

 

note_pin

Si el tamaño de la Forma está configurado como Completo, la configuración de posición no tiene efecto, porque la ventana ya ocupa todo el ancho de la pantalla.

 

Panel lateral

La opción Panel lateral muestra la Forma como un panel que se desliza desde el lado derecho de la pantalla.

Este diseño ofrece una experiencia más fluida y moderna al permitir que los usuarios interactúen con la Forma manteniendo parte del fondo visible.

 

AppsFormsVisualization12

 

Comportamiento

El panel se cierra automáticamente cuando los usuarios hacen clic fuera de él o seleccionan el botón X.

El panel cubre el 65% de la pantalla en pantallas entre 1024 px y 1350 px de ancho.

Cubre el 45% de la pantalla en pantallas de más de 1350 px de ancho.

 

AppsFormsVisualization13

 

Modo de pantalla completa

Para Formas complejas o detalladas, usted puede usar el ícono de pantalla completa (ubicado en la esquina superior derecha) para expandir el panel y hacer que ocupe toda la pantalla.

Si vuelve a hacer clic en el ícono, la Forma regresa a su tamaño anterior.

El ícono se actualiza automáticamente para indicar el siguiente estado disponible (expandir o reducir).

 

AppsFormsVisualization14

 

Encabezado de la forma

La sección Encabezado de la forma le permite decidir si el encabezado de la Forma permanece visible cuando se desplaza.

Esta configuración se controla con un interruptor llamado Ocultar encabezado con desplazamiento vertical:

 

AppsFormsVisualization15

 

Cuando está habilitado, el encabezado se oculta automáticamente a medida que el usuario se desplaza hacia abajo y reaparece al desplazarse hacia arriba.

Cuando está deshabilitado, el encabezado permanece fijo en la parte superior de la Forma en todo momento.

 

Esta funcionalidad es especialmente útil cuando se trabaja con Formas largas, ya que ofrece una vista más limpia del contenido.

 

AppsFormsVisualization16

 

AppsFormsVisualization17

 

Columna de detalles

La sección Columna de detalles define si el panel derecho de detalles se muestra cuando se abre la Forma.

Este panel normalmente contiene información adicional del proceso, como datos del caso, Participantes o entidades relacionadas.

 

Esta configuración se controla con el interruptor Ocultar por defecto:

 

AppsFormsVisualization18

 

Cuando está habilitado, la columna de detalles permanece oculta al abrir la Forma. Los usuarios pueden expandirla manualmente haciendo clic en el botón Detalles en la esquina superior derecha.

Cuando está deshabilitado, la columna aparece por defecto cuando se abre la Forma.

 

AppsFormsVisualization19

 

note_pin

La Columna de detalles está disponible únicamente para Formas relacionadas con Procesos activos.

 

Guardar y restablecer cambios

Después de configurar sus opciones de visualización:

Haga clic en Aplicar para guardar los cambios.

Haga clic en Cerrar para salir del panel. Si existen cambios sin guardar, aparecerá un mensaje de confirmación.

Haga clic en Restablecer para restaurar las configuraciones de visualización predeterminadas.

 

Configuraciones predeterminadas

Visualización: Ventana emergente

Tamaño: Mediano

Posición en pantalla: Centro

Ocultar encabezado con desplazamiento vertical: Deshabilitado

Ocultar por defecto: Deshabilitado


Last Updated 11/19/2025 12:04:59 AM