Tutorial: Formulário Multi-Etapas

En este tutorial veremos cómo crear un formulario de varios pasos, haciendo que el formulario sea más agradable, intuitivo y menos agotador de llenar.

Creando el formulario de cliente

1 – Creamos una nueva aplicación de tipo  formulario de registro único en base a la tabla de clientes, luego debemos marcar la opción “Crear solicitud como formulario en pasos” y usaremos 4 pasos.

2 – Una vez que creamos la aplicación, vamos a la opción  donde configuraremos los diferentes pasos del formulario, estas opciones están en el menú de la aplicación “Diseño>>Páginas”.

3 – La propiedad “Diseño de página” ya tendrá seleccionado el valor “Pasos”, ahora solo falta editar el título, descripción y agregar un ícono de FontAwesome para cada uno de los pasos:

4 – En la pestaña “Configuración de pasos”, lo configuraremos como se muestra en la imagen a continuación.

5 – Seleccione una de las plantillas de visualización de pasos.

6 –  Ingrese al menú de configuración de bloques para añadir nuevos bloques y columnas, como se mira en el ejemplo siguiente.

7- Ingresamos al menú “Posicionamiento de campos” y reorganizamos los campos en los bloques.

8 – Para finalizar ejecutamos la aplicación.

 

Compartir este tutorial

Tutoriales en la misma categoria

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 ...

Aplicación Grid de informe con etiquetas fijas

Informe en formato de resumen con etiquetas ancladas a la parte superior de la pantalla. Cre...

Comentar este post