Tipos de campo y elementos
El constructor ofrece campos de entrada, contenido estático y estructuras para organizar el formulario.
Que se logra
- Resultado: el formulario puede recoger datos, presentar contenido y organizar recorridos de varios pasos según la necesidad.
- Caso de uso: una clínica combina datos de contacto, consentimiento, archivos y una sección explicativa en una sola solicitud.
- Se combina con: constructor, validaciones y lógica condicional.
Donde esta
- Ruta:
/[orgId]/forms/[id] - Acceso en UI:
Forms > formulario > Elements - Componente(s):
ElementPalette.tsx,ElementRenderer.tsx
Como funciona
- Abre un formulario y selecciona
Elements. - Arrastra un elemento al lienzo o dentro de una estructura compatible.
- Selecciona el elemento para editar sus propiedades.
- Guarda para publicar los cambios en el formulario.
Campos y opciones
| Campo | Tipo | Obligatorio | Notas |
|---|---|---|---|
| Entrada de datos | texto, email, teléfono, número, URL, fecha, hora, selección, archivo, firma y otros | No | La obligatoriedad se configura por elemento. |
| Contenido | encabezado, párrafo, imagen, video, enlace, HTML, alerta y botones | No | Se usa para presentar información o acciones. |
| Estructura | salto de página, columnas, cuadrícula, pestañas, pasos, secciones, listas, acordeón y tarjeta | No | Organiza el contenido y permite flujos de varios pasos. |
Reglas y validaciones
- Cada elemento debe tener un identificador único.
- Los elementos anidados se pueden seleccionar desde
Tree. Page Breakdivide el formulario en pasos.
Backend
- Servicios:
forms(método: patch) - Efectos: guarda la composición que verá el visitante en el formulario público.
Relaciones
- Requiere: Constructor de formularios.
- Dispara / afecta: Formulario público y respuestas.
Notas
- El elemento
Captchaestá disponible en el constructor. Por confirmar: no se encontró validación de su respuesta al enviar el formulario.