Crear un diseño sensible menú con JSF y PrimeFaces

Estoy tratando de crear un menú con PrimeFaces y JSF como este.

Ya no sé cuántos artículos que estoy gonne tienen, este menú tiene que ser de forma dinámica. En tiempo de ejecución voy a conseguir un array de StudentsGroup-Objects. Cada StudentsGroup-Object contiene varios Students-Objects. También debe ser un responsive design. Es posible que con PrimeFaces? ¿Cómo puedo lograr esto?

Debería parecerse a algo como esto
Crear un diseño sensible menú con JSF y PrimeFaces

No encontré ningún tutorial que explica algo como esto. Sería suficiente si alguien podría publicar un goot tutorial.

Algo como qué? Hacer un menú ‘sensibles’? A continuación, empezar por decirle cómo debe ser la respuesta? Y mediante la publicación de un «buen» tutorial te refieres a una solución completa?
La imagen muestra el tipo de menú intento de lograr. A lo mejor el menú debe tener un diseño de respuesta. No necesita ser una solución completa, sería suficiente si alguien pudiera enlace de un tutorial que me pueda ayudar o me llevan en la dirección correcta.
Lo que es sensible en este menú? Debe ser horizontal en la pantalla grande? Debe ocultar un espectáculo de un botón en pantallas más pequeñas? Qué?
Ahora tiene una revisión de tamaño como «width:300px». Sería suficiente si el ancho de cambios cuando la pantalla se hace más pequeño. Ahora mismo estoy luchando para crear este menú dinámicamente desde no sé cuántos objetos im que va a tener
Darle un styleClass y ver lo que media queries en css puede hacer por usted

OriginalEl autor Daniel Storch | 2015-05-17

3 Kommentare

  1. 2

    Primer caras no parecen haber incorporado en el responde de la funcionalidad para la que es elemento de menú, sin embargo, usted debería ser capaz de aplicar estilos CSS hojas de los elementos y el diseño de sus propios diseños responsive.

    Si usted está buscando un tutorial, encontrar un tutorial sobre cómo hacer esto, específicamente, es lo que estás buscando, no un tutorial que es específico para Caras principales.

    Gracias, voy a editar.

    OriginalEl autor Canadian Coder

  2. 1

    Tutorial:

    1. Agregar un botón/imagen/enlace en la parte frontal del menú
    2. Crear con css media queries que ocultar el menú en pantallas pequeñas y mostrar el botón
    3. Añadir javascript a el botón/imagen/enlace que al hacer clic en
      1. muestra el menú de cambio de css (añadiendo classs o lo que sea
      2. Añadir un ‘#’ entrada a la historia por lo que el botón atrás, se cierra el menú
      3. Agregar un controlador de eventos onclick para el cuerpo para ocultar el menú si hace clic fuera (quitar cuando en realidad activado)

    OriginalEl autor Kukeltje

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Recent Articles

Python «set» con duplicados/elementos repetidos

Hay una forma estándar de representar un "conjunto" que puede contener elementos duplicados. Como yo lo entiendo, un conjunto tiene exactamente un cero o...

Python: generador de expresión vs rendimiento

En Python, ¿hay alguna diferencia entre la creación de un generador de objetos a través de un generador de expresión versus el uso de...

Cómo exportar/importar la Masilla lista de sesiones?

Hay una manera de hacer esto? O tengo que tomar manualmente cada archivo de Registro? InformationsquelleAutor s.webbandit | 2012-10-23

no distingue mayúsculas de minúsculas coincidentes en xpath?

Por ejemplo, para el xml a continuación <CATALOG> <CD title="Empire Burlesque"/> <CD title="empire burlesque"/> <CD...