AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

Este contenido se ha traducido automáticamente.  Haga clic aquí  para ver la versión en inglés.
Ayuda / Desarrollar una aplicación o un sitio web / Controles, ventanas y páginas / Menús desplegables / WEBDEV
  • Resumen del menú
  • Creación de un menú desplegable
  • Creación de un menú desplegable
  • Añadir opciones
  • Opciones disponibles en un menú description
  • Describir un menú
  • Estilo de un menú
  • Borrar un menú
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Otros
Procedimientos almacenados
Resumen del menú
En WEBDEV, puede crear los siguientes elementos en páginas HTML:
  • un menú desplegable.
  • un menú contextual.
    PHP No disponible.
Desde las distintas opciones de estos menús, puede:
  • mostrar páginas,
  • ejecutar el código de los botones en la Page,
  • ...
En WEBDEV, un menú desplegable o contextual en una página se considera un control.
Esta control tiene sus propias características de estilo. En el caso de un menú desplegable, se puede mover en el Page.
Para obtener más información, consulte El control Menú contextual.
Creación de un menú desplegable

Creación de un menú desplegable

Para crear un menú desplegable:
  1. En la pestaña "Creación", en el grupo "Navegación", haga clic en "Menú".
  2. El menú aparece automáticamente en la página con dos opciones de Default.
  3. El menú puede desplazarse en el Page a la posición deseada.

Añadir opciones

Para añadir opciones, haga clic en el menú seleccionado: un marco amarillo aparece alrededor: el menú pasa al modo de edición. El menú contextual de las opciones del menú le permite añadir directamente las opciones en la Page en edición. Para obtener más información, consulte Manipular las opciones de menú.
Menú contextual de opciones de menú
Observaciones:
  • Para editar el menú, puede:
    • Espacio de prensa,
    • pulsa Intro,
    • abra el menú contextual y seleccione "Menú Edición"..
  • Pulse Esc para salir del modo de edición (el borde amarillo desaparecerá).
Opciones disponibles en un menú description

Describir un menú

Para mostrar el menú description:
  1. Haga clic en las opciones del menú una vez.
    • Si no se muestra el borde amarillo: haz clic con el botón derecho del ratón en el menú y selecciona "description".
    • Si se muestra el borde amarillo: haga clic con el botón derecho del ratón en el menú y seleccione "Menú description".
  2. Las diferentes fichas se utilizan para definir las características del menú:
    • En la pestaña "General", puede especificar:
      • el nombre del menú,
      • su orientación:
        • Horizontal (Default): Las opciones del menú están dispuestas horizontalmente.
        • Popup vertical : Las opciones del menú están dispuestas verticalmente. Las subopciones se abren junto a la opción principal.
        • Desplegable vertical: Las opciones del menú están dispuestas verticalmente. Las subopciones se abren debajo de la opción principal.
      • la opción elegida por Default.
        Observación: La opción seleccionada de forma predeterminada se puede cambiar mediante programación utilizando la propiedad Seleccionado.
    • En la pestaña "UI", puede especificar:
      • si el menú es Visible.
      • la Process que se ejecutará sobre los controles de la Page (enviar valores al servidor, no enviar, etc.). Mediante Default, no se envían datos al servidor cuando se hace clic en una opción de menú..
    • La pestaña "Avanzado" permite introducir el código HTML generado antes o después de la control.
    • La pestaña "Estilo" permite definir:
      • el estilo del menú.
      • el estilo de los submenús.
      • los efectos disponibles para visualizar las opciones de menú.

Estilo de un menú

El estilo de un menú WEBDEV se describe en la pestaña "Estilo" de la ventana description de menú.
Usted tiene la capacidad de usar, crear y modificar:
  • los estilos WEBDEV. En este caso, se modifica la hoja de estilo.
  • el aspecto de la control. En este caso, el control no es relacionado a la hoja de estilo.
Al describir el estilo de un menú de WEBDEV, tiene la capacidad de especificar:
  • El estilo del menú principal: estilo de pie de foto, ....
  • El fondo Image utilizado para el menú principal.
  • El estilo de los submenús: título, ...
  • La Image de los submenús: fondo Image y Image de opciones que abren un submenú.
  • Los efectos disponibles para visualizar las opciones de menú.
Observación: El botón Botón desplegable despliega un menú que permite seleccionar las imágenes:
  • La opción "Examinar" permite seleccionar un fichero Image accesible desde su ordenador.
  • La opción "Catálogo" permite encontrar (en el catálogo Image) los Image s correspondientes a las opciones de menú (búsqueda realizada en las siguientes categorías: "Menú principal", "Menú de pestañas" y "Opción de menú").
Los efectos disponibles para mostrar las opciones del menú
Se pueden utilizar varios efectos para mostrar los submenús de un menú.
  • expandir y limpiar (por Default): Al pasar el ratón sobre la opción principal, los submenús se expanden con un efecto de barrido hasta su posición final. Haz clic en "Detalles" para configurar la dirección del efecto de barrido.
  • se desvanece (por Default): Al pasar el ratón sobre la opción principal, los submenús se expanden con un cambio progresivo del estilo definido para el estado Normal al estilo definido para el rollover. Haz clic en "Detalles" para configurar el activador y la duración del efecto.
  • offset: Durante el rollover, las opciones del submenú se expanden con un desplazamiento para cada opción sobre la que se pasa el ratón.. Haz clic en "Detalles" para configurar el disparo y la duración del efecto, así como el desplazamiento en función de los distintos ejes.
    Efecto en un menú
  • rápido y luego lento: Al pasar el ratón sobre la opción principal, los submenús se expanden con un efecto suave. Haga clic en "Detalles" para configurar la duración de la animación.
  • expandirse y estirarse: Al pasar el ratón sobre la opción principal, los submenús se amplían con un efecto estirado. Haga clic en "Detalles" para configurar la duración de la animación.
Observación: La tecnología utilizada para estos efectos se basa en el estándar CSS3. Algunos navegadores soportan parcialmente los efectos cuando la página no está en formato HTML 5.
WEBDEV le ofrece la posibilidad de:
  • añadir un efecto: "Botón "Añadir un efecto.
  • eliminar un efecto: selecciona el efecto y pulsa el botón "-"..
  • organizar los efectos mediante los botones de flecha.
Atención: Algunos efectos no son compatibles y no se pueden utilizar al mismo tiempo.
Borrar un menú
To delete a menu:
  1. Seleccione el menú (el marco amarillo no debe desaparecer).
  2. Presione la tecla Supr para eliminar las opciones.
Versión mínima requerida
  • Versión 9
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 24/06/2023

Señalar un error o enviar una sugerencia | Ayuda local