Componentes Basic OP Forms

 

El objetivo de esta publicación es conocer las posibilidades «Basic» que ofrece el módulo OP Forms para la generación de nuestro propio Formulario. Encontramos múltiples opciones. Veremos en detalle cada uno y las opciones singulares que proporcionan.

image-20240313-131828.png

Todas la integraciones de los elementos sobre el Formulario son «Drag & Drop». También se puede consultar las diferentes funcionalidades de edición y elementos comunes en las diversas capas de Formularios.

HTML Element

Permite integrar código HTML personalizado dentro de los Formularios, brindando flexibilidad adicional para personalizar la apariencia o funcionalidad del Formulario.

image-20240801-122015.png

Podremos añadir nuestro propio CSS para añadir nuestros estilos:

También podremos enriquecer nuestro HTML con información, añadiendo atributos y el contenido:

Text Field

Elemento que permite a los usuarios ingresar datos alfanuméricos de longitud variable en un Formulario. Útil para recopilar información como nombres, direcciones de correo electrónico y números de teléfono.

Con este elemento podremos generar un Formulario para recuperar información específica introducida manualmente y almacenar de manera única o en conjunto en una Entidad.

Al ser un componente de texto, podremos gestionar opciones tales como definición de valores por defecto, definición de como se mostrará la información, forzar mayúsculas o minúsculas para la introducción de información en este campo, etc.

Text Area

Similar al «Text Field», pero proporciona un espacio más amplio para que los usuarios ingresen datos de texto de longitud variable en un Formulario, ideal para capturar comentarios, descripciones largas u otra información detallada.

A parte de las mejoras como las elección de edición de texto, este elemento permite la selección múltiple, permitiendo añadir varios registros.

Number

Permite a los usuarios ingresar valores numéricos en un Formulario. Útil para recopilar información como cantidades, precios, edades u otros datos que requieran un valor numérico.

Password

Campo que permite a los usuarios ingresar contraseñas de forma segura y protegida en un Formulario, con los caracteres ocultos para garantizar la privacidad.

Checkbox

Permite a los usuarios seleccionar una o varias opciones de una lista de elementos en un Formulario, útil para recopilar información cuando se permiten múltiples selecciones.

A nivel de «Data», nos permitirá seleccionar un valor por defecto y decidir el tipo de persistencia que realizará el campo «Checkbox».

El resto de elementos de configuración son comunes, puedes ver más en «Configuración común de componentes OP Forms».

Radio

Permite a los usuarios seleccionar una opción de una lista de varias opciones exclusivas en un Formulario, adecuado para cuando se necesita elegir una opción única entre varias.

Select Boxes

Elementos desplegables que muestran una lista de opciones donde los usuarios pueden seleccionar una sola opción, ideal para cuando se necesita elegir una opción entre varias. Es similar al elemento «Radio», pero con múltiple elección.

Select

Similar a las casillas de selección, este elemento desplegable permite a los usuarios seleccionar una opción de una lista desplegable, pero solo permite una selección.

Desde la edición del dato (pestaña Data»), podremos seleccionar la fuente de la cual tomará las opciones para mostrar.«

También podremos definir los valores de manera manual, enlazando el valor que queramos procesar a posteriori.

Button

Este componente nos generará un botón completamente editable, pudiendo decidir que funcionalidad tendrá. Manteniendo las opciones de los elementos generales, los botones disponen de ediciones ampliadas, pudiendo decidir su estilo de manera sencilla.

Adicionalmente, al ser un elemento inteligente, podremos asociar su cometido de diversas maneras. Por un lado, podremos enlazar nuestro botón a otro Formulario, trasladando la información al nuevo.

Al ser un elemento de acción, también dispone de opciones adicionales como «Disable on Form Invalid», el cual desactivará el elemento si el valor o valores del Formulario no son correctos.