Visite: 5966

Valutazione attuale: 0 / 5

Il Web Toolkit definisce il componente Leads come una lista orizzontale di link; generalmente è usato per presentare una serie di link utili. Nel template ItaliaPA ai menù "leads" è assegnata una posizione specifica, posta in fondo alla pagina, prima del footer.

Link utili


Nella versione base il lead è costituito da una lista orizzontale di link testuali.

Link utili

Si tratta di un menu ad un solo livello associato ad un modulo con layout Lead.

menu ad un solo livellomodulo menu con layout lead

Le singole voci sono link testuali.

voce di menu testuale


Una versione un po' più accattivante può essere realizzata utilizzando immagini al posto dei testi./p>

Link utili

Anche in questo caso le voci di menu sono tutte simili e semplici da creare

voce di menu grafica

Basta inserire l'Immagine menu e disabilitare la voce Aggiungi titolo menu.


Il modulo fin qui creato è anche responsive, ma bisogna fare molta attenzione.

modulo lead in versione mobile

Come si può vedere, le dimensioni eccessive delle immagini "rompono" la visualizzazione responsive su dispositivi mobile. Serve quindi un piccolo accorgimento per dire al modulo di ridimensionare le immagini nel caso siano troppo grandi. 

suffisso classe CSS modulo = Arrange-sizeFil

In questo caso basta aggiungere il suffisso classe CSS modulo Arrange-sizeFill, come mostrato in figura.