Stampa questa pagina
Martedì, 10 Dicembre 2013 07:29

Voci di menu con icone con KnpMenu e MopaBootstrap

Scritto da
Vota questo articolo
(0 Voti)
Symfony Symfony Sensio Labs

Nella realizzazione di un sito ho cominciato a provare ad usare MopaBootstrapBundle insieme a KnpMenuBundle.

I primi problemi che ho dovuto affrontare sono legati all'utilizzo delle icone. Alla fine la soluzione che sono riuscito ad adottare l'ho trovata in questo post.

Rispetto alla configurazione iniziale ho dovuto:

  • aggiungere, nella sezione stylesheet
    filter='cssrewrite'
  • creare la seguente cartella all'interno della quale ho copiato sia glyphicons-halflings.png che glyphicons-halflings-white.png
    web/Resources/public/img/

Una volta fatto questo, le icone erano utilizzabili.

Il problema successivo è stato quello di usare le icone all'interno del menù. Sono partito da questo esempio. Per aggiungere le icone, all'interno del NavMenuBuilder, ho sostituito le varie voci

$menu->addChild('Anmelden', array('route' => 'fos_user_security_login'));

con i corrispettivi

$this->addIcon($menu->addChild('Anmelden', array('route' => 'fos_user_security_login')), array('icon' => 'off', 'append' => false));

E questo è tutto!

Letto 7290 volte Ultima modifica il Venerdì, 13 Dicembre 2013 23:27