Pasar al contenido principal
Drupal

Navegación principal

  • Inicio
  • Serveis
  • Portfolio
  • Blog
  • Tutorials
  • Contacte
Menú de cuenta de usuario
  • Iniciar sesión

Ruta de navegación

  1. Inicio
  2. Com es fa per...
  3. Drupal

HOWTO: jump menus in Drupal 8

Por joan, 9 Febrero, 2017

In drupal 7 there are some modules to do it, including ctools, but at present, none of them have stable or even an alpha version.

But with long standing and wonderful superfish module we can achieve it!

Just install it and place your menu superfish type block (at /admin/structure/block) at your desired region. Then, at block config options go to sf-Smallscreen settings and:

  • Ensure "Convert the menu to a <select> element." is on (default behavior)
  • Choose when transform your menu in a jump menu:

 

  1. Desactivar.
  2. Enable jQuery sf-Smallscreen plugin for this menu.
  3. Enable jQuery sf-Smallscreen plugin for this menu depending on the user's Web browser window width. (Predeterminado)
  4. Enable jQuery sf-Smallscreen plugin for this menu depending on the user's Web browser user agent.

 

If you choose second option, you get a jump menu always, not depending of screen width...

That's all!

Ps: it's possible get an accordion menu just using "Convert the menu to an accordion menu" instead of "Convert the menu to a <select> element."

jump menu
menus
accordion
superfish
Drupal
Drupal 8
  • Versión para impresión

Enlaces transversales de Book para HOWTO: jump menus in Drupal 8

  • HOWTO: Com crear alies d'URL als nodes de Drupal 7
  • Arriba
  • Moodle

Navegación del libro

  • Administració de sistemes
  • CiviCRM
  • Correu electrònic
  • Drupal
    • HOWTO: Com substituir taules per DIV des de ckeditor, per usuaris amb rol d'editor
    • Còpia de seguretat de la web
    • HOWTO: Creació d'un mapa d'establiments a google maps a partir de les adreces d'un full de càlcul
    • External links
    • Llista de correu sobre drupal en català
    • Destacar continguts a la portada
    • Drupal 6
    • Drupal Commerce: mostrar preu al formulari Add to Cart
    • HOWTO: Adding node type class to body element in Drupal 8
    • HOWTO: Com crear alies d'URL als nodes de Drupal 7
    • HOWTO: jump menus in Drupal 8
  • Moodle
  • Calaix de sastre
  • Dolibarr
Canal RSS
Funciona con Drupal