04 Nov Programando dock en Velneo V7

¿Quieres condicionar la visibilidad de tus menús en función de la opción seleccionada desde una toolbar?

¿Quieres cerrar las pestañas automáticamente al cambiar de opción?

En este tutorial vamos a conseguir dominar los dock en Velneo V7 para conseguir unos menús atractivos a la vez que efectivos.

La idea es que al pulsar en uno de los botones de la toolbar superior, en la parte izquierda nos aparezcan las opciones del menú elegido y según vayamos eligiendo nos aparezcan los formularios de los módulos en la parte derecha.

Programando dock en Velneo V7

Lo primero que tendremos que hacer es crear tantos dock en el autoexec como menús de opciones queramos tener.

Los pondremos todos en la misma posición (en este caso a la izquierda) y con la propiedad «Condición de visible inicial» a 0 (si quieres visualizar alguno por defecto, tendrás que ponerlo a 1).

Además en la propiedad «Objeto» tendrás que asociarles el menú que quieras visualizar ne la parte izquierda.

Cerrando las pestañas

Lo siguiente que vamos a programar es el cierre de las pestañas que tengamos abiertas en la parte derecha al cambiar de opción de menú.

Para ello creamos un proceso de tipo JavaScript y como soy un tipo original le vamos a llamar «Cerrar pestañas«.

El proceso contendrá la siguiente instrucción:

theMainWindow.closeAllViews()

Ahora vamos a crear una «Acción» con el comando «Disparar objetos» que nos dispare el proceso «Cerrar pestañas»

Mostrando el formulario «Inicio

Cuando ejecutemos la acción que nos cierra las pestañas… nos cierra todas las pestañas que tengamos abiertas en la parte derecha. Esto producirá un efecto mas bien feo.

Lo que vamos a hacer para solucionar este problema es que al cerrar las pestañas, nos abra un formulario de inicio donde podemos poner el logo de la empresa o cualquier otra información interesante.

Para ello creamos un formulario de inicio que asociaremos a la propiedad «Formulario inicial» del Autoexec

Además crearemos una acción «Mostrar inicio» con el comando «Disparar objetos» que nos lanzará dicho formulario.

Disparando los dock

Ahora tendremos que crear un proceso por cada una de las opciones superiores para disparar los dock.

El proceso tendrá las siguientes instrucciones:

Lo primero que hacemos en el proceso es con la instrucción «Interfaz: ocultar dock«, ocultar el dock que tenemos abierto.

A continuación o bien disparamos directamente el proceso «Cerrar pestañas» o lanzamos la acción que dispara dicho proceso.

Hasta aquí hemos conseguido cerrar todas las ventanas que teníamos abiertas.

Ahora tendremos que mostrar la opción que se ha seleccionado.

Con la instrucción «Interfaz: activar el dock» mostramos el dock con el menú seleccionado y con la instrucción «Interfaz: ejecutar acción» disparamos la acción que nos muestra el formulario de inicio.

Con este sencillo montaje, hemos conseguido el objetivo que nos proponíamos.

¿Se te ocurre alguna forma de optimizar el proceso? Cuéntamelo en los comentarios

Por si prefieres visualizar el vídeo del post, aquí te lo dejo también.