Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Current »

El objetivo de este post es conocer las posibilidades básicas que ofrece el módulo OP Forms para la generación de nuestro propio Formulario. Encontramos múltiples opciones en la capa básica de Formularios. 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:

image-20240801-122749.png

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

image-20240313-131845.png

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.

image-20240313-140320.png

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.

image-20240801-122355.png

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.

image-20240801-123001.png

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.

image-20240315-113513.png

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.

image-20240313-131851.png

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.

image-20240801-123531.png

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.

image-20240315-112038.png

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

image-20240315-112203.png

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.

image-20240315-112922.png

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.

image-20240315-113017.png

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.

image-20240801-124041.png

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

image-20240315-112537.png

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

image-20240315-112701.png

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.

image-20240801-124533.png

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.

image-20240801-124704.png

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.

image-20240315-111508.png

  • No labels