Editor de formularios¶
El editor de dynaforms construye los formularios que los usuarios completan durante un caso. Se abre desde Objetos del proceso → Dynaforms o con Editar en un paso de dynaform en Propiedades de la tarea.
Crear un formulario¶
- Dynaforms → + Nuevo → Dynaform en blanco.
- Escribe un Título y una Descripción. Ambos se detienen en su límite de
caracteres y muestran Se alcanzó el límite de caracteres; no hay contador
n / máx. - Guarda y abre. El editor ocupa toda la pantalla.
Diseño del editor¶
| Área | Comportamiento |
|---|---|
| Paleta | Abre con dos columnas; cambia a una o tres al arrastrar su borde |
| Lienzo | El formulario que estás construyendo |
| Panel de Propiedades | Cerrado por defecto, con una pestaña vertical en el borde derecho |
| Barra de herramientas | Guardar es el único botón sólido; Cerrar tiene solo borde |
No existe la pestaña Móvil; la vista por dispositivo se maneja con los modos de vista previa de abajo.
Si arrastras la paleta más allá de su mínimo, se colapsa en una pestaña Controles, y al seleccionarla se reabre. El botón de la barra abre Propiedades flotando sobre el lienzo y queda resaltado mientras el panel está abierto; la × lo cierra y vuelve la pestaña vertical.
Construir un formulario¶
- Arrastra al lienzo un campo de texto, un desplegable, una fecha, una grilla de dos columnas y un botón de envío.
- Selecciona cada control y revisa las etiquetas en Propiedades. Las etiquetas usan mayúscula inicial, por ejemplo Valor por defecto.
- Asocia cada control a una variable.
- El control de fecha abre un calendario y su ícono de papelera borra el valor.
- Un control que ya no se admite se marca con una advertencia ámbar, no con un error rojo.
- Guarda, cierra y vuelve a abrir: controles, orden y variables asociadas se mantienen.
Vista previa¶
Vista previa muestra el formulario como lo verá el usuario, sin elementos del diseñador detrás: ni el dock de figuras ni la pestaña lateral.
- Alterna entre Escritorio, Tableta y Teléfono; el formulario se adapta.
- Un título largo nunca pasa por debajo de los botones de la vista previa.
- Las etiquetas están en seminegrita, los campos tienen borde y el foco usa el color primario.
- El botón de envío se ve sólido.
- Al cerrar la vista previa vuelves al editor con tus cambios intactos.
Editores auxiliares¶
| Editor | Qué revisar |
|---|---|
| JavaScript | Se abre amplio para escribir código; Ctrl+Espacio muestra el autocompletado |
| Lenguajes | La búsqueda filtra la lista, el botón de limpiar la vacía y el campo de subir archivo se ve completo |
| Conexión a base de datos | Buscar filtra la lista de conexiones al elegir una para un control |
Traducir un formulario¶
Cada formulario guarda sus propias traducciones. Abre Idiomas en el editor y sube un
archivo .po con las etiquetas traducidas: el formulario las muestra cuando coincide el
idioma de la interfaz.
Un formulario solo tiene las traducciones que alguien subió para él: el idioma de la interfaz no traduce las etiquetas por sí solo. Un espacio con diez formularios y tres idiomas necesita un archivo por formulario.
Exportar e importar¶
- Exportar descarga el archivo del formulario.
- Importar en un dynaform en blanco no muestra errores El id es inválido e informa Formulario importado correctamente.
- El mensaje de éxito desaparece solo.
- Después de guardar y reabrir, todos los controles importados siguen ahí.
Relacionado¶
- Lienzo del diseñador — el panel de objetos del proceso.
- Controles de formulario — todos los controles de la paleta y sus propiedades.
- Propiedades de la tarea — asociar el formulario a un paso.
- Formularios — cómo se comporta el formulario dentro de un caso.