Versions Compared

Key

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

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.pngImage Removedimage-20240315-122255.pngImage Added

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.pngImage Removedimage-20240807-081737.pngImage Added

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.pngImage Removedimage-20240315-122755.pngImage Added

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.pngImage Removedimage-20240315-122634.pngImage Added

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.pngImage Removedimage-20240315-123103.pngImage Added

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

image-20240315-123200.pngImage Removedimage-20240807-082248.pngImage Added

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

image-20240315-123014.pngImage Removedimage-20240807-082448.pngImage Added

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.pngImage Removedimage-20240807-082731.pngImage Added

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.pngImage Removedimage-20240315-123504.pngImage Added