Tarjeta de Formulario

Embedding Forms in Dashboards

La funcionalidad Form Card permite incrustar formularios interactivos directamente dentro de los paneles, facilitando la captura de entradas de los usuarios.

Es ideal para:

  • Aplicar filtros

  • Enviar parámetros

  • Crear experiencias dinámicas e interactivas

Un panel puede contener más de un formulario, incluyendo diferentes formas de presentación, como:

  • Formulario abierto dentro del panel

  • Formulario activado mediante botón

  • Formulario oculto en el menú lateral derecho del panel


Cómo Usar

1. Agregar la Form Card al Flujo

  1. Ve a Entrega > Formulario en el menú de tareas.

  2. Arrastra la Form Card hacia tu flujo de proceso.


2. Configurar la Tarjeta

  • Etiqueta: Define un nombre para la tarjeta (por ejemplo, “Filtro de Ventas”).

  • Formulario: Selecciona el formulario que deseas utilizar (debe haber sido creado previamente en el constructor de formularios).


3. Opciones de Visualización

  • Formulario abierto mediante Botón: El formulario aparecerá únicamente cuando el usuario haga clic en el botón.

  • Formulario dentro del Panel: El formulario estará siempre visible en la vista del panel.


4. Opciones Avanzadas

  • Comportamiento de Filtro (opcional): Cuando está habilitado, los valores seleccionados actuarán automáticamente como filtros.

  • Eliminar Tarjeta (opcional): Oculta el fondo y el espaciado para integrar el formulario de manera más fluida en el diseño.


5. Estilo del Botón

  • Título del Botón: Define el texto del botón (por ejemplo, “Aplicar Filtro”, “Buscar”, “Guardar”).

  • Tema del Botón: Selecciona un color personalizado utilizando un código hexadecimal (por ejemplo, #FE8533).


6. Guardar

Haz clic en Guardar para aplicar la configuración y activar el componente.


Buenas prácticas

  • Utiliza formularios como herramientas de entrada para tareas ETL, consultas SQL o llamadas a APIs REST.

  • Combínalos con paneles dinámicos para ofrecer interactividad en tiempo real.

  • Personaliza el estilo para alinearlo con la identidad visual de tu entorno.

Última actualización