Attraverso i comandi di questa sezione si definiscono alcune impostazioni generali del Menu Principale.
Per prima cosa occorre specificare quale Livello deve essere usato per creare il Menu: è sufficiente richiamare la Mappa del Sito e selezionare il Livello desiderato: le voci incluse saranno impiegate come voci del menu. Fatto questo le opzioni disponibili nel riquadro Visualizzazione sulle quali lavorare sono:
| ▪ | Allineamento menu principale / Allineamento Hamburger Button: definiscono rispettivamente l'allineamento del Menu e dell'Hamburger Button a Sinistra, al Centro o a Destra rispetto allo spazio disponibile per l'Oggetto Menu. Se l'Oggetto Menu è stato inserito nell'editor del Modello, lo spazio disponibile dipende dalle dimensioni con le quali l'Oggetto stesso è stato disegnato. Se, invece, l'Oggetto Menu è stato inserito all'interno di una Pagina, lo spazio disponibile è determinato dalle dimensioni della Cella della Griglia di impaginazione che lo contiene. |
|
In genere, quando lo spazio a disposizione non è sufficiente per permettere la visualizzazione di tutte le voci, il Menu viene automaticamente sostituito con l'Hamburger Button. Questo accade anche nel caso non sia stata attivata la creazione di un Sito Responsive (in Risoluzioni e Responsive Design). È dunque possibile utilizzare l'Hamburger Button come soluzione alternativa al tradizionale Menu di navigazione anche in Siti Desktop.
|
| ▪ | Visualizza sempre l'Hamburger Button: fa in modo che al posto del Menu di navigazione principale venga sempre proposto l'Hamburger Button, a prescindere dal fatto che lo spazio a disposizione sia sufficiente o meno per la visualizzazione estesa di tutte le voci. |
Le opzioni disponibili nel riquadro Stile pulsante sono:
| ▪ | Larghezza: imposta il valore in pixel della larghezza dei Pulsanti contenenti le voci di Menu. |
| ▪ | Margine: imposta il valore in pixel del margine orizzontale e del margine verticale, ovvero dello spazio presente tra il bordo del Pulsante e il testo contenuto. |
| ▪ | Distanza: imposta il valore in pixel del margine esterno, ovvero dello spazio presente tra un Pulsante e l'altro. |
|
La larghezza dei Pulsanti deve essere definita anche in considerazione dello spazio complessivamente disponibile per il Menu: tale parametro può essere liberamente modificato nel caso non si utilizzi un Modello grafico predefinito (vedere, Struttura del Modello).
|
| ▪ | Bordo: definisce, anche singolarmente, lo spessore dei bordi e il fattore di smusso degli angoli dei Pulsanti. |
Le opzioni presenti nel riquadro Testo pulsante sono:
| ▪ | Tipo di Font: specifica il Tipo di carattere, le dimensioni e lo Stile del testo. |
| ▪ | Allineamento: definisce l'allineamento del testo a Sinistra, al Centro o a Destra rispetto al Pulsante. |
È poi possibile definire l'aspetto dei singoli elementi che compongono il Menu Principale. Per prima cosa occorre selzionare l'Elemento del Menu sul quale si vuole agire: Sfondo, Voce del Menu, Voce su Passaggio del mouse, Voce per Pagina corrente, Separatore, Hamburger Button.
A seconda dell'elemento selezionato, nella sezione Stile possono essere disponibili le seguenti opzioni:
| ▪ | Colore Sfondo / Colore Testo: definiscono il colore per lo Sfondo, per i testi delle Voci nei diversi stati, per il Separatore del Menu e per l'Hamburger Button. |
| ▪ | Opacità: imposta il grado di opacità del colore applicato per lo Sfondo. Per valori tendenti allo 0 diminuisce l'opacità e lo sfondo dell'Oggetto diventa più trasparente lasciando vedere lo sfondo della Pagina. |
| ▪ | Bordo: definisce, anche singolarmente, il colore, lo spessore e il fattore di smusso degli angoli per i bordi dello Sfondo. Per le Voci del Menu nei diversi stati, invece, è possibile impostare solo il colore del bordo: spessore e fattore di smusso vengono ripresi da quanto definito nel riquadro Stile pulsante. |
| ▪ | Margine: imposta il valore in pixel dei margine orizzontale e verticale esterno ai Pulsanti. Di fatto, il margine impostato determina le dimensioni dello Sfondo del Menu. |
| ▪ | Immagine Sfondo: definisce l'Immagine che deve essere visualizzata come sfondo del Pulsante. Per selezionare l'Immagine da utilizzare è sufficiente cliccare sul pulsante  per sfogliare le risorse disponibili: possono essere utilizzati file in formato .JPG, .GIF, .PNG. In alternativa è possibile cliccare sulla freccia a lato del campo per aprire la libreria dei pulsanti e selezionare l'Immagine da utilizzare. |
| ▪ | Usa le stesse impostazioni dello stato su Passaggio del mouse / Usa le stesse impostazioni dello stato Voce del Menu: disponibili rispettivamente per gli elementi Voce per Pagina corrente e Hamburger Button, fanno in modo che vengano utilizzate le stesse opzioni definite per la Voce su Passaggio del mouse o per la Voce del Menu; in caso contrario i due elementi possono avere impostazioni diverse. |
| ▪ | Effetto: disponibile solo per l'Elemento Voce su Passaggio del mouse, definisce l'effetto con cui viene animato il Pulsante al passaggio del mouse. |
| ▪ | Testo pulsante: applica alla Voce di Menu selezionata o al Separatore lo stile del testo Normale, Grassetto, Corsivo o Sottolineato. Questo stile si aggiunge a quanto già definito nel riquadro Testo pulsante. |
