Tutorial: Formulario con bloques TreeView

En este ejemplo, se crea una aplicación de formulario que utiliza bloques de tipo vista de árbol utilizando la tabla de ejemplos “customers” y los siguientes recursos adicionales:

  • Bloques.

Creando un nuevo formulario con bloques TreeView

Nota:

En el caso de que tenga alguna duda de cómo crear un Formulario, acceda a este enlace: Creando un nuevo Formulario

1. Cree una nueva aplicación de tipo Formulario, seleccione la opción “Registro Único” luego seleccione la tabla de ejemplo “Customers“.

2. Ahora, si desea una mejor visualización del formulario, haga clic en la pestaña “Editar campos” y cambie el nombre de los campos, como se muestra en las imágenes a continuación.

Editar campos del formulario con bloques en Treeview

1. En el menú de la aplicación, abra la carpeta Layout y haga clic en Bloques.


3. Hecho eso, renombre el bloque ya creado para “Bloque Normal” y configure el mismo de acuerdo a la imagen de abajo.

2. Cree un nuevo bloque haciendo clic en Crear nuevo bloque.

4. Ahora cree un bloque con el nombre “Bloque Abierto

5. Luego cree otro bloque con el nombre “Bloque Cerrado

6. Establecer los bloques, como la imagen de abajo.

7. Hecho eso, en el menú de la aplicación, haga clic en “Posicionamiento de campos“.

8. Organice los campos de acuerdo con la siguiente tabla:

9. Luego, organiza los campos en sus respectivos bloques, como se muestra en la imagen a continuación.

10. Haga clic en el botón “Ejecutar Aplicación” en la barra de herramientas.

Hecho estos pasos, el Formulario quedaría de esta manera:

Tutorials in the same category

Tutorial: Formulário Multi-Etapas

En este tutorial veremos cómo crear un formulario de varios pasos, haciendo que el formulario sea m...

Form login responsivo 3

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de ...

Tutorial: Form login responsivo 2

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de...

Form login responsivo

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de ...

Comment this post