Menú TreeView

Este ejemplo muestra cómo crear un menú de árbol.

Creando el menu

1. Crear una nueva aplicación de menú de árbol.

Creando los elementos del menú.

2. Haga clic en Elementos del menú para definir una jerarquía utilizada en el menú.

3. Añadir los elementos principales. Introduzca el formulario en la etiqueta del elemento y haga clic en Insertar elemento.

4. Repita el paso 4 y agregue los elementos Grid e Informes.

5. Agregue un elemento con una opción para cerrar la aplicación. Ingrese Salir en la etiqueta, en Destino, elija Salir y haga clic en Insertar elemento.

Creando los subitems

6. Para crear el subelemento es necesario seleccionar el elemento y luego hacer clic en Insertar subítem.

7. Crear un elemento secundario en el formulario. Ingrese todos los datos requeridos (Etiqueta, enlace, icono, sugerencia y objetivo). Ver la imagen de abajo.

8. Una vez completado el menú, es posible cambiar las posiciones y los niveles de los elementos con los botones de dirección.

9. Use la tabla a continuación (con los elementos y subelementos utilizados en esta muestra) para crear un menú. Los pasos son los mismos descritos anteriormente.

Item (Etiqueta)Aplicación
Form
Master/Detailform38
Multiple Recordsform40
Editable Gridform39
Unique Key Validationform44
Ordersform53
Grid
Group By – Customers x Statesgrid05
Pivot Table Summarygrid29
Submenu
Simple Drill Downgrid14
Customersgrid20
Reports
Invoicepdf03
Business Cardpdf02

Habilitando el encabezado

10. Abra la carpeta Diseño en el menú y haga clic en Encabezado.

11. Marque la opción Sí en Mostrar encabezado.

Compartir este tutorial

Tutoriales en la misma categoria

Menú con Font-Awesome

Para que los ítems de un menú cuenten con iconos de la nueva funcionalidad y diseño Font-Awe...

Menú Dinámico

Este ejemplo muestra cómo montar dinámicamente los elementos y sub-elementos de una aplicación d...

Menú utilizando Aplicación Inicial

En este ejemplo veremos cómo configurar el menú para abrirse con una aplicación cargada. ...

Menu Breadcrumb

En este ejemplo, veremos cómo configurar el menú para mostrar las aplicaciones de enlaces explora...

Comentar este post