Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

El objetivo de este post esta publicación es conocer las posibilidades básicas «Basic» que ofrece el módulo OP Froms Forms para la generación de nuestro propio formularioFormulario. Encontramos multiples opcionesen la capa básica de formulariosmúltiples opciones. Veremos en detalle cada uno y las opciones singulares que proporcionan cada uno.

...

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

HTML Element

...

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

...

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:image-20240313-131845.pngImage Removed

...

Text Field

Elemento que permite a los usuarios ingresar datos alfanuméricos de longitud variable en un formularioFormulario. Ú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 Formulario para recuperar información específica introducida manualmente y almacenar de manera única o en conjunto en una entidadEntidad.

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 mayusculas mayúsculas o minisculas 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 formularioFormulario, 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:.image-20240315-113513.pngImage Removed

...

Number

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

...

image-20240313-131851.pngImage Removed

Password

Campo que permite a los usuarios ingresar contraseñas de forma segura y protegida en un formularioFormulario, 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 formularioFormulario, útil para recopilar información cuando se permiten múltiples selecciones.image-20240315-112038.pngImage Removed

...

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

...

El resto de elementos de configuración son comunes, pues puedes ver más en “configuración de elementos”«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 formularioFormulario, 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”«Radio», pero con multiple 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 boton 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-20240315-101916.pngImage Removed

...

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

...

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

...