Vés al contingut
calbasi.net

Menú

  • Inici
  • Serveis
  • Portfolio
  • Blog
  • Tutorials
  • Contacte
Menú del compte d'usuari
  • Entra

Fil d'ariadna

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

HOWTO: jump menus in Drupal 8

Per joan, 9 febrer, 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ó per a imprimir

Enllaços relacionats de HOWTO: jump menus in Drupal 8

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

Navegació del llibre

  • 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 amb