English|Português|Español
UsuarioContraseñaLogin

INICIO
CONFERENCIAS
INFO
Imagen6568S

Cómo configurar menús desplegables con GXPortal

En esta edición explicaremos cómo configurar el GXPortlet "Menú" para que las opciones que contienen un menú se desplieguen cuando el usuario pasa el mouse o haga click sobre la opción.

En muchos casos para ordenar la navegación entre las distintas páginas del portal sin que resulten pesadas se tiende a ordenar los links en una estructura de árbol que le permite al usuario ir navegando entre las distintas opciones hasta llegar a la que desea.

GXPortal cuenta con la posibilidad de configurar el GXPortlet "Menú" de manera de que aquellas opciones que contienen un menú se desplieguen cuando el usuario pasa el mouse o haga click sobre la opción. En el ejemplo que se muestra en la siguiente imagen, se hizo click en la opción "Producto" y luego se posicionó el cursor del mouse sobre la opción "Documentación".

Para configurar esto se deben seguir los siguiente pasos

1. Asignar un sub-menú a una opción de menú

a. Ir a la opción "Administrador de diseño y navegación a Menús"

b. Sobre el menú que contiene la opción en la cual se quiere desplegar un sub-menú presionar el botón "Opciones ..."

c. Cuando se presiona ese botón se pasa a la pantalla donde se administran las opciones del menú. Desde esa pantalla presionar el botón "Actualizar" sobre la opción a la cual se le quiere asignar el menú.

d. Seleccionar en "Tipo de Opción" el valor "Menú"como lo muestra la siguiente figura Luego aparecerá a la derecha de este campo el botón => que permite seleccionar cual será el menú a desplegar.

2. Cómo configurar el GXPortlet "Menú" para desplegar los sub-menús

a. Desde la vista de diseño de la página que contiene el menú se debe ingresar a través del botón  a las propiedades del GXPortlet "Menú" que se configurará para que se desplieguen los menús al pasar el mouse.

b. Estando en la pantalla de propiedades del menú se debe seleccionar el grupo de propiedades "Submenús" Por ejemplo, si quiere configurar un menú que está en la columna izquierda de la página y se quiere que los submenús se desplieguen a la derecha de cada opción, se deben configurar las siguientes propiedades:

i. Número de niveles de los menús: determina cuántos niveles se quieren mostrar habiendo un máximo de cinco.

ii. Ubicar relativos a la opción: marca el lugar en que se desplegará el submenú con respecto a la opción del menú.

iii. Ubicación horizontal y vertical: determina la posición en la cual aparecerá el submenú.

iv. Formato: configura si el submenú será de imágenes o texto.

v. Desplegar submenús de: indica si se desplegarán los submenús de todas las opciones o solamente de la que se ha seleccionado. En este caso se debe elegir el valor "La opción seleccionada"

vi. Modo de desplegar el submenú: en este caso se debe seleccionar el valor "Desplegar ventana al pasar el mouse"

vii. Alineación del menú: determina si las opciones del submenú aparecerán en forma horizontal o vertical.

viii. Ubicación de submenús: determina si el submenú se despliega a la derecha o izquierda de la opción.

c. Para configurar el aspecto de las opciones se cuenta con tres grupos de propiedades: Submenús- Opciones, Submenús-Opc. al pasar el mouse, Submenús -Opción seleccionada

3. Aplicar efectos a los submenús

a. En la imagen de más arriba se pueden apreciar al final dos propiedades destinadas a aplicar efectos al submenú que se despliega. La propiedad "Efecto de visualización" cuenta con un par de efectos que se pueden aplicar a la hora de desplegar el submenú.

b. La propiedad "Filtro de visualización" está destinada a configurar algún filtro en la visualización de los submenús, estos filtros se pueden obtener desde la siguiente dirección http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm  

c. Luego lo que se debe copiar en esa propiedad es la invocación a las funciones que aplicarán el filtro que deben ser de la siguienteformaprogid:DXImageTransform.Microsoft.Fade(duration=1,overlap=0.5)

d. El nombre y parámetros de las funciones puede variar según el filtro que se quiere aplicar y cabe resaltar que estos efectos son compatibles únicamente con el navegador Internet Explorer.

El equipo de GXPortal
http://www.gxportal.com  

 

Relacionado
GXPortal: respaldar y recuperar una instalación
GXPortal: Reproducir archivos multimedia al abrir una página
Cómo configurar el buscador de GXPortal
Como agregar contenido a una página desde el diseñador
GeneXus Training Uruguay publicó su calendario de capacitación para el primer semestre del año
Certificaciones #GeneXus en el #GX24
En GeneXus Uruguay buscamos nuevos talentos
Trabajar en GeneXus: Todo lo que tienes que saber si quieres trabajar con nosotros #Training #Becas #BolsaDeTrabajo #GXjobs
En GeneXus México buscamos nuevos talentos
Sistema educativo, mercado laboral, empresas B, Forge y GeneXus: la importancia de la capacitación, los valores y la inserción laboral en los jóvenes
Alta demanda de profesionales TI en el mundo
Próximos cursos y certificaciones #GeneXus en América: Argentina, Colombia, Chile, Brasil, México y Uruguay
Nuevos Analistas GeneXus en el Instituto Superior de Informática #Uruguay
Toolnology continúa presentando GeneXus X Evolution 3 con cursos gratuitos #Argentina
#Mayo Próximos cursos y certificaciones #GeneXus en América: Argentina, Brasil, Colombia, México y Uruguay