Indice
Hablando de Forms...
Este recurso permite construir Forms ricos que se podrán publicar para el acceso tanto interno de los usuarios registrados, como para los usuarios fuera de la plataforma, con solo marcar el form como público.
La central de desarrollo de los formularios (Forms) posee recursos que buscan la practicidad ya que se pueden editar y borrar los forms que aún están en edición. Para los forms ya publicados pueden verse los registros ya creados o agregar un nuevo registro, compartir la URL del form tanto públicamente como entre usuarios internos, editar y borrar.
El recurso de Soluciones abrirá todos los forms creados que estarán unificados dentro del Centro de desarrollo de formularios (Forms) y permitirá la administración práctica de los forms y sus registros.
Únicamente formularios creados a partir del release Liquid 1.6.5 integrarán la Central de desarrollo de formularios (Forms). Los formularios creados en el release Waterdrop 1.6.4 se mantendrán en la navegación de documentos de la plataforma.
Atención:
Los formularios creados en Forms beta no están permitidos para importación/exportación y/o utilización en procesos, como tampoco tienen ningún vínculo con las comunidades.
Esté atento
Las columnas del widget del recurso Ver registros dentro de la central de Forms (Forms) son dinámicas, es decir que cambian de acuerdo con el formulario elegido, ya que los campos que lo componen son diferentes.
Construir un formulario
Siga los siguientes pasos para construir un formulario.
01. Acceda al ítem Soluciones en el menú principal y active Forms.
02. Aparecerá abierta una nueva guía con la lista de los forms ya publicados. (Forms)
03. Active Nuevo Forms y aparecerá la pantalla del editor de formularios.
04. Sobre el cuadro de componentes se puede definir un título para el formulario en Título del formulario escrito en verde.
El título tiene un límite de 70 caracteres.
Debajo del título, a la izquierda de la ventana, se encuentra el cuadro con los componentes de campo y layout disponibles para construir el formulario.
05. Arrastre y suelte (drag and drop) el componente elegido en el área que desea y aparecerá un área de puntos para definir la ubicación y el espacio del campo agregado. El usuario puede definir la ubicación del campo según sea necesario, o puede alinear los campos en la parte superior, mediante el ícono que aparece en verde en el pie de página del editor. Al seleccionarlo, todos los componentes quedarán alineados al conjunto del formulario.
Al agregar un campo puede editarlo o borrarlo, simplemente con ubicar el mouse sobre el componente para realizar las siguientes acciones.
Para abrir la edición de un campo, active el ícono representado por en la esquina derecha del campo.
Para borrar un campo agregado, active el ícono representado por en la esquina derecha del campo.
Componentes de campo
Consulte a continuación los componentes de campo disponibles para construir el formulario:
Campo de texto: se utiliza para agregar campos de texto en el formulario.
Título del campo: título para el campo agregado.
Estilo del campo: estilo del campo agregado que se va a elegir.
Sin estilo: se utiliza para mantener el campo estándar.
RCPF: se utiliza para incluir los Registros de Contribuyente Persona Física.
CP: se utiliza para incluir los códigos postales.
RCPJ: se utiliza para incluir los Registro de contribuyente persona jurídica.
Fecha y hora: se utiliza para informar fechas y horas.
Porcentaje: se utiliza para incluir valores con porcentaje.
Teléfono fijo: se utiliza para incluir números telefónicos.
Teléfono celular: se utiliza para incluir números de móviles.
Matrícula: se utiliza para incluir los datos de la matrícula de automóviles.
Moneda: se utiliza para incluir valores en monedas.
IP: se utiliza para incluir IP.
Sugerencia: información de ayuda para completar el campo.
Valor inicial: valor inicial para completar el campo por ej. Ingrese aquí su RCPF.
Texto de ayuda: se utiliza para ayudar a la hora de completar el campo. Ej.: Nombre de la calle.
¿Obligatorio?: se utiliza para definir si el campo es obligatorio o no. El campo obligatorio se identificará con un asterisco *
Opciones avanzadas: nombre único del campo para consultar datos.
Numérico: se utiliza para recoger datos numéricos según sea necesario.
Título del campo: título del campo agregado.
Sugerencia: información de ayuda para completar el campo.
Valor inicial: valor inicial para completar el campo por ej. Ingrese aquí su RCPF.
Texto de ayuda: se utiliza para ayudar a la hora de completar el campo. Ej.: Introduzca su Documento de Identidad
¿Obligatorio?: se utiliza para definir si el campo es obligatorio o no. El campo obligatorio se identificará con un asterisco *
Opciones avanzadas: nombre único del campo para consultar datos.
Opción única: se utiliza para agregar campo con múltiples opciones, pero permite seleccionar solo una opción.
Título del campo: título para el campo agregado.
Opciones: número de opciones para incluir en el campo.
Texto de ayuda: se utiliza para ayudar a la hora de completar el campo. Ej: elija una opción.
Obligatorio: se utiliza para definir si el campo es obligatorio o no. El campo obligatorio se identificará con un asterisco *
Opciones avanzadas: nombre único del campo para consultar datos.
Opción múltiple: se utiliza para agregar campo con opción múltiple, es decir que permite seleccionar una o más de una opción.
Título del campo título para el campo agregado.
Opciones: número de opciones para incluir en el campo.
Texto de ayuda: se utiliza para ayudar a la hora de completar el campo. Ej: elija una o más opciones.
¿Obligatorio?: se utiliza para definir si el campo es obligatorio o no. El campo obligatorio se identificará con un asterisco *
Opciones avanzadas: nombre único del campo para consultar datos.
Destacamos que los campos de Opción múltiple del Forms BETA, se guardan en la tabla de manera diferente a la antigua técnica de construcción de formularios. Al incluir valores seleccionados en estos campos, los registros se guardarán en la misma columna y fila del dataset. Cada valor se identificará por un separador barra vertical (|). De esta manera, el carácter está reservado únicamente para esta función.
Lista: se utiliza para agregar listas al formulario.
Título del campo: título para el campo agregado
Opciones: número de opciones para incluir en el campo.
Texto de ayuda: se utiliza para ayudar a la hora de completar el campo. Ej. elija un estado.
¿Obligatorio?: se utiliza para definir si el campo es obligatorio o no. El campo obligatorio se identificará con un asterisco *
Opciones avanzadas: nombre único del campo para consultar datos.
Destacamos que los campos de Opción múltiple del Forms BETA, se guardan en la tabla de manera diferente a la antigua técnica de construcción de formularios. Al incluir valores seleccionados en estos campos, los registros se guardarán en la misma columna y fila del dataset. Cada valor se identificará por un separador barra vertical (|). De esta manera, el carácter está reservado únicamente para esta función.
Lista desplegable: se utiliza para agregar listas en las que las opciones se pueden desplegar y seleccionar.
Título del campo: título para el campo agregado.
Opciones: número de opciones para incluir en el campo.
Texto de ayuda: se utiliza para ayudar a la hora de completar el campo. Ej.: seleccione una opción.
¿Obligatorio?: se utiliza para definir si el campo es obligatorio o no. El campo obligatorio se identificará con un asterisco *
Opciones avanzadas: nombre único del campo para consultar datos.
Párrafo: se utiliza para introducir párrafos en la construcción del formulario para visualizar información extensa.
Título del campo: título para el campo agregado.
Sugerencia: información de ayuda para completar el campo.
Texto de ayuda: se utiliza para ayudar a la hora de completar el campo. Ej: detalle su experiencia.
¿Obligatorio?: se utiliza para definir si el campo es obligatorio o no. El campo obligatorio se identificará con un asterisco *
Opciones avanzadas: nombre único del campo para consultar datos.
Texto rico: se utiliza para introducir textos que necesitan destacarse. En este campo se puede definir la fuente, su color, su tamaño, negrita, cursiva, subrayado, tachado y activar el corrector ortográfico.
Título: título para el campo de texto agregado.
Obligatorio: se utiliza para definir si el campo es obligatorio o no. El campo obligatorio se identificará con un asterisco *
Sugerencia: información de ayuda para completar el campo.
Texto de ayuda: se utiliza para ayudar a la hora de completar el campo. Ej.: Escriba sobre usted.
Evaluación: se utiliza para crear formularios que contengan evaluación para que se pueda recoger datos de encuesta de satisfacción en el formato de estrellas.
Título del campo: título para el campo de evaluación agregado.
Valor de la clasificación: se puede definir cuál es el valor máximo para la calificación de la evaluación entre: 1 estrella y 5 estrellas.
Texto de ayuda: se utiliza para ayudar a la hora de completar el campo. Ej.: Defina de 1 a 5 estrellas.
¿Obligatorio?: se utiliza para definir si el campo es obligatorio o no. El campo obligatorio se identificará con un asterisco *
Opciones avanzadas: nombre único del campo para consultar datos.
Fecha: se utiliza para definir la fecha en el calendario.
Título del campo título para el campo agregado.
Texto de ayuda: se utiliza para ayudar a la hora de completar el campo. Ej.: Elegir una fecha
¿Obligatorio?: se utiliza para definir si el campo es obligatorio o no. El campo obligatorio se identificará con un asterisco *
Opciones avanzadas: nombre único del campo para consultar datos.
Búsqueda de usuario: se utiliza cuando se necesitan buscar usuarios de fluig dentro del formulario.
Título: título para el campo de búsqueda agregado.
Filtro: filtra si la búsqueda se realizará por papel, grupo o no se aplicará ningún filtro.
Guardar: guarda el e-mail del usuario buscado.
¿Obligatorio?: se utiliza para definir si el campo es obligatorio o no. El campo obligatorio se identificará con un asterisco *
Sugerencia: información de ayuda para completar el campo
Texto de ayuda: se utiliza para ayudar a la hora de completar el campo. Ej.: Introduzca el nombre de usuario deseado.
Opciones avanzadas: nombre único del campo para consultar datos.
Búsqueda: se utiliza cuando se necesitan buscar datos fuera del formulario. Para ello es necesario configurar un servicio y después configurar el dataset con la operación disponible.
Para más detalles sobre el desarrollo y la configuración de dataset acceda a nuestra documentación Datasets.
Título: título para el campo de búsqueda agregado.
Dataset: seleccionar el dataset configurado para el campo.
Columna: seleccionar la columna del dataset para que muestre los valores deseados.
Vista previa: vista previa de los valores que mostrará el dataset.
Obligatorio: se utiliza para definir si el campo es obligatorio o no. El campo obligatorio se identificará con un asterisco *
Sugerencia: información de ayuda para completar el campo
Texto de ayuda:se utiliza para ayudar a la hora de completar el campo. Ej.: Seleccione el valor deseado.
Opciones avanzadas:
Completar automáticamente: al seleccionarlo se puede completar automáticamente un campo a partir del dataset elegido para el campo de búsqueda.
¿Filtrar el resultado?: al activarlo será necesario seleccionar un campo de texto para utilizarlo como filtro para el campo de búsqueda. De esta manera, al seleccionar el valor que mostrará el dataset aparecerá en el campo elegido como filtro.
Componentes de layout
Consulte a continuación los componentes de layout disponibles para construir el formulario.
Botón: se utiliza cuando se necesita tener otras acciones en el formulario además de las acciones estándar de la plataforma que son Guardar y Cerrar.
Título: título para el botón agregado
Tipo de botón: se puede elegir entre tres tipos de botón, como:
Guardar y continuar
Guardar y cerrar
Anular.
Color de label: se puede definir un color para la label del botón
Color de fondo: se puede definir un color para el fondo del botón
Imagen: se utiliza para agregar imágenes de escritorio o de la red en formularios.
Cargar la imagen: carga una imagen directamente desde el escritorio del usuario.
Aplicar: se pueden cargar imágenes externas copiando el enlace y pegando en el cuadro URL y activando el botón Aplicar
Alineación de la imagen: se puede definir la ubicación de la imagen entre:
Izquierda
Centro
Derecha
El ícono se muestra cada vez que el componente tenga configuraciones pendientes. Sin la debida configuración, no se puede guardar o publicar dicho formulario.
Múltiples registros: se utiliza cuando se necesitan agrupar componentes con asunto en común para que se muestren de manera unificada.
Título: título para el campo agregado
Color del título: se puede definir un color para el título del campo
Color de fondo del título: se puede definir un color para el fondo del título
¿Botón agregar?: (Documentar)
¿Botón borrar?: (Documentar)
Alinear en la parte superior: se puede alinear el componente en la parte superior del formulario
El ícono se muestra cada vez que el componente tenga configuraciones pendientes. Sin la debida configuración, no se puede guardar o publicar dicho formulario.
Divisor: se utiliza para crear divisiones entre los campos agregados al formulario.
Espacio: se puede definir el espacio del divisor entre:
valores negativos disminuyen el espacio del divisor con el contenido anterior.
valores positivos disminuyen el espacio del divisor con el contenido posterior
Estilo: se puede definir el estilo del divisor entre:
Sólido
Discontinuo
Punteado
Color: se puede definir el color del divisor
Sección: se utiliza para agrupar componentes relacionados dentro del formulario. Para incluir componentes en la sección, simplemente debe elegir y arrastrar el componente deseado dentro de la sección.
Título de la sección: título para la sección agregada.
Color de fondo del título: se utiliza para definir el color del texto del título de la sección.
Color del borde: se utiliza para definir el color del borde de la sección agregada.
Pestañas: se utiliza para agregar pestañas al formulario. Se pueden utilizar una o más pestañas. Para incluir componentes en la pestaña, simplemente debe seleccionar la pestaña que desea y arrastrar el componente dentro de la pestaña.
Pestañas: campo destinado para definir el título de la pestaña.
Para incluir una nueva pestaña, simplemente debe seleccionar Agregar pestaña, que se encuentra debajo de este campo.
Color de la pestaña: se utiliza para definir un color para el título de las pestañas.
Color del borde: se utiliza para definir un color para el borde de las pestañas.
Encabezado: se utiliza para representar el encabezado de un formulario.
Título: se puede definir un título para el encabezado en el formulario
Tamaño del título: se puede definir un tamaño para el título de tres maneras:
Grande
Mediano
Pequeño
Posición del título: se puede definir la posición del encabezado de tres maneras:
Izquierda
Centro
Derecha
Color del título: se puede definir un color para el título del encabezado
Texto: se utiliza para incluir textos en el formulario.
Descripción del texto: campo para introducir la descripción para el campo agregado.
Tamaño del texto: tamaño de la fuente del texto. Se puede definir entre:
Extra pequeño
Pequeño
Mediano
Grande
Extra grande
Posición del texto: se utiliza para definir la posición del texto entre:
Izquierda
Centro
Derecha
Contenido externo: se utiliza para agregar URL externas al formulario.
URL: agregar la URL de acceso en el campo y activar el botón Aplicar
Cargar: agregar una imagen directa del escritorio del usuario
El ícono se muestra cada vez que el componente tenga configuraciones pendientes. Sin la debida configuración, no se puede guardar o publicar dicho formulario.
Incorporar: se utiliza para incorporar la información (registro de formulario) dentro del formulario que se está creando.
Este campo se debe completar obligatoriamente. Solo se puede incorporar un formulario dentro de otro, si se selecciona el formulario que se va a incorporar en la lista.
Seleccione un formulario para incorporar: lista de los formularios que existen en la plataforma para incorporar al formulario que se está creando.
El ícono se muestra cada vez que el componente tenga configuraciones pendientes. Sin la debida configuración, no se puede guardar o publicar dicho formulario.
Integrar un formulario
La integración es un recurso que le permite al usuario realizar una operación registrada previamente en la plataforma dentro del formulario. Cada formulario creado podrá estar integrado con una operación y se deberán seleccionar los parámetros de la operación seleccionada para que esta se ejecute correctamente. Para ello, siga los siguientes pasos:
La integración se debe configurar antes de guardar o publicar el formulario. De lo contrario no tendrá su funcionamiento esperado.
01. Después de crear el formulario active Configurar.
02. Active Integraciones externas, inmediatamente después Agregar.
03. Aparecerá la pantalla para agregar la integración. En ella, las operaciones previamente registradas por el usuario se mostrarán en formato de lista.
Ingrese aquí para obtener más detalles sobre registrar operaciones en fluig.
04. Seleccione la operación que desea ejecutar y active Próximo.
05. Aparecerán los parámetros de la operación seleccionada, defina los parámetros para que la operación se ejecute correctamente. Active Próximo.
06. Defina los mensajes si es necesario. Uno para alerta, en caso de que ocurra algo malo con la integración, y el otro para seguimiento, ya que el proceso puede variar su tiempo según la integración que deba ejecutarse.
Defina los mensajes en: Definición de mensaje de alerta y Definición de mensaje de seguimiento.
07. Después de la operación y la configuración de los mensajes, puede ver un resumen de la integración que se realizará.
08. Active Confirmar.
Vista previa de un formulario
Al activar este ítem permite la vista previa del formulario creado para que el usuario pueda ver cómo quedará el formulario en el momento de completarse (registro de formulario). Sin embargo, no se puede editar o interactuar con el formulario, ya que este todavía necesita guardarse y publicarse para posteriormente completarlo.
Guardar un formulario
Siga los siguientes pasos para guardar el formulario:
01. Active el botón Guardar a la derecha de la pantalla del editor.
02. Al guardar el formulario, aparecerá un mensaje confirmando que el formulario se ha guardado correctamente y la pantalla del editor permanecerá abierta.
Puede acceder al formulario guardado por medio de Soluciones en el menú principal de la plataforma y estará identificado en la lista de los Últimos editados y también en la lista de En edición.
03. El formulario se podrá editar para posteriormente publicarse o también se podrá publicar directamente. También podrá eliminarse en Soluciones activando el botón identificado por el ícono.
Publicar un formulario
Siga los siguientes pasos para publicar un formulario.
01. Es necesario desplazarse hasta la carpeta donde se creó. El formulario estará resaltado por un ícono anaranjado que indica que dicho formulario aún está en edición.
02. Active Más opciones, ubicado a la derecha del nombre del formulario. Inmediatamente después active Editar formulario
Aparecerá un mensaje para confirmar la acción Sí, quiero y el formulario se abrirá para editarlo y estará disponible para su publicación.
03. El formulario guardado se abrirá en la pantalla del editor, active Publicar, aparecerá un mensaje confirmando la acción. Active Confirmar para publicar el formulario. La pantalla de edición se cerrará y el formulario quedará identificado por un ícono gris indicando que el formulario está publicado.
Atención
Las nuevas API de fluig solo podrán utilizarse en los formularios creados desde el Forms Beta lanzado en el release 1.6.4 Waterdrop.
¡Importante!
No se pueden completar datos en dispositivos móviles en formularios creados en Forms Beta.
Por medio de la aplicación de Fluig, solo se puede completar la información de los formularios vinculados a un proceso, pero el Forms beta aún no tienen este vínculo, por lo que es imposible editar registros en la aplicación móvil.
Validações de regras
Campos de tipo texto | Validaciones | Descriptión |
---|---|---|
Texto Búsqueada usuario Búsqueada Párrafo | 01. Validar e-mail 02. Validar el e-mail con contenido 03. Validar RCPF 04. Validar RCPJ 05. Validar contenido de campo de texto 06. Validar campo de texto en blanco 07. Validar campos de texto iguales 08. Validar campos de texto iguales (ignorando mayúsculas y minúsculas) | 01. Verifica si el e-mail ingresado es un texto válido. 02. Verifica si el e-mail ingresado es un texto válido y si tiene determinado contenido, para garantizar un estándar. Ejemplo: [email protected], donde además de garantizar un e-mail desea que sea del dominio "empresa.com" 03. Verifica si el RCPF ingresado es válido. 04. Verifica si el RCPJ ingresado es válido. 05. Verifica si un campo de texto tiene un determinado texto. 06. Verifica si un campo de texto tiene un determinado texto. 07. Verifica si dos campos de texto son iguales. 08. Verifica si dos campos de texto son iguales, ignorando diferencias entre mayúsculas y minúsculas. |
Campo de tipo numérico | Validaciones | Descripción |
Numérico | 01. Validar valores numéricos iguales. 02. Validar valor numérico mayor que otro. 03. Validar valor numérico mayor o igual a otro. 04. Validar valor numérico menor que otro. 05. Validar valor numérico menor o igual a otro. | 01. Verifica si dos valores numéricos son iguales. 02. Verifica si, entre dos valores numéricos, uno es mayor que el otro. 03. Verifica si, entre dos valores numéricos, uno es mayor o igual al otro. 04. Verifica si, entre dos valores numéricos, uno es menor que el otro. 05. Verifica si, entre dos valores numéricos, uno es menor o igual al otro. |
Campo de tipo fecha | Validaciones | Descripción |
Fecha | 01. Validar fecha del día actual. 02. Validar fechas iguales. 03. Validar fecha mayor que otra. 04. Validar fecha mayor o igual a otra. 05. Validar fecha menor que otra. 06. Validar fecha menor o igual a otra. | 01. Verifica si el valor está informado con la fecha del día actual (hoy) 02. Verifica si dos valores del tipo de fecha son iguales. 03. Verifica si, entre dos valores del tipo fecha, uno es mayor que el otro. 04. Verifica si, entre dos valores del tipo fecha, uno es mayor o igual al otro. 05. Verifica si, entre dos valores del tipo fecha, uno es menor que el otro. 06. Verifica si, entre dos valores del tipo fecha, uno es menor o igual al otro. |
¡Importante!
Para finalizar el formulario, es necesario verificar los campos destacados y completarlos según las reglas solicitadas.
Guia de botones Forms
La guía de botones tiene como objetivo mostrarle al usuario la acción que cada uno de los nuevos botones representa en la edición del formulario.
Botón | Descripción |
---|---|
Se muestra siempre que un ítem se define como obligatorio. | |
Se muestra siempre que el componente tiene configuraciones pendientes. De esta forma, no se permitirá guardar o publicar su formulario. | |
Es posible visualizar previamente el formulario. Se muestra cómo quedará el formulario después de la edición, pero no es posible completarlo o guardarlo. | |
Permite redirigir directamente a la página de documentación, donde se puede consultar con más detalles cómo configurar el formulario correctamente. | |
Permite que el usuario alinee los componentes en la parte superior. Cuando se selecciona, queda de color verde y deja todos los componentes alineados. Solo debe seleccionarlo nuevamente que quedará de color gris, y permitirá que el usuario reasigne los componentes donde lo desee. | |
Permite la acción de Hacer y Deshacer. Puede ser útil en varias situaciones, como cuando el usuario agrega un componente y necesita eliminarlo. Para ello, solo debe activar deshacer. | |
Guarde el formulario como borrador. | |
Publica el formulario. |
¡Esté atento!
Esta documentación es válida a partir de la actualización 1.6.5 - Liquid. Si utiliza una actualización anterior, puede contener información diferente de la que ve en su plataforma.