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 2 Next »

El objetivo de este post es conocer las posibilidades que ofrece el módulo OP Forms para la generación de nuestro propio Formulario. Encontramos múltiples opciones en la capa «Layout» de Formularios, las cuales están enfocadas en la estructuración de nuestro Formulario, ofreciendo varias posibilidades en la edición.

image-20240315-115956.png

Todas la integraciones de los componentes 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.

Content

Este componente permite generar cuadros con contenido específico predefinido, facilita la organización y comprensión de Formularios.

image-20240315-122130.png

En su edición podremos configurar el comportamiento del componente mediante el condicional y utilizarlo como, por ejemplo, ante un aviso por algún valor erróneo.

image-20240315-122255.png

Columns

Permite dividir el Formulario en múltiples columnas, lo que facilita la disposición de los componentes en un diseño de varias columnas para una presentación más estética y funcional. Su configuración es tan sencilla como realizar «Drag & Drop» con los diferentes elementos.

image-20240315-122404.png

También es editable el número de columnas y forma a mostrar en nuestro Formulario.

image-20240315-122528.png

Panel

Similar al contenedor, pero con la capacidad adicional de mostrar un encabezado y un borde alrededor del grupo de componentes para destacar su contenido. En resumen, agrupamos varios elementos mejorando el sistema a la hora de pintar los componentes.

image-20240315-122755.png

Field Set

Similar al componente «Panel», permite agrupar un conjunto de campos relacionados dentro de un borde y un título para mejorar la organización y la presentación, pero sin disponer de un encabezado o posibilidad de expandir/contraer la información.

image-20240315-122634.png

Table

Permite organizar los componentes en forma de tabla, lo que puede ser útil para presentar datos tabulares o recopilar información de manera estructurada.

image-20240315-123103.png

Podremos definir el número de divisiones que dispondrá nuestra tabla y agruparemos los diferentes componentes.

image-20240315-123200.png

En su edición en «Display», podremos encontrar opciones adicionales para modelar nuestra tabla en tamaño, bordes, estilo, etc.

image-20240315-123014.png

Tabs

Permite dividir el Formulario en múltiples pestañas, lo que facilita la disposición de los componentes en un diseño de varios espacios para una presentación más estética y funcional.

image-20240315-123312.png

En su edición se pueden añadir tantas pestañas como sean necesarias o disponer de condicionales para su aparición u ocultación.

image-20240315-123423.png

Well

Agrega un borde alrededor de un grupo de componentes para resaltar visualmente esa sección del Formulario y realizar separación entre componentes.

image-20240315-123504.png

  • No labels