Utilizzo della scheda Stili
Nella scheda Stili è possibile modificare due tipi di impostazioni per il tema di stile: Globale ed Elementi. Per default, le impostazioni di stile si propagano da Globali a Elementi.
La scheda Stili è costituita da tre componenti:
Stili
Impostazioni di stile globali
Nella tabella seguente sono elencate le proprietà globali per gli elementi.
|
Impostazione
|
Descrizione
|
||
|---|---|---|---|
|
Colori
|
Colori degli elementi seguenti:
• Colori di base - Valori dei colori di base per gli elementi. Include Principale, Secondario, Operazione completata e Avviso di pericolo
• Colori testo - Intestazioni, etichette e corpo del testo
• Colori sfondo - Colori di sfondo di pagine e widget
• Colori linee - Bordi, divisori e linee interne
|
||
|
Testo
|
Carattere, spessore e dimensioni degli elementi di testo seguenti:
• Intestazioni
• Etichette
• Corpo
• Link
|
||
|
Linee
|
Spessore dei tipi di linee seguenti:
• Bordi - Linee intorno ai bordi di un widget
• Divisori - Linee di divisione delle sezioni in un widget
• Interno - Linee visualizzate all'interno di alcuni widget
|
||
|
Focus
|
Il colore, il tipo e lo spessore delle linee della casella di focus.
|
Impostazioni di stile degli elementi
Consentono di personalizzare l'aspetto di elementi specifici del widget. È possibile sostituire le impostazioni di stile globali modificando elementi specifici che si propagano ai widget. L'icona Sostituzioni attive indica gli elementi che sostituiscono le impostazioni globali. Per ripristinare le impostazioni globali negli elementi modificati, fare clic su Ripristina. È possibile modificare gli elementi seguenti:
|
Elemento
|
Descrizione
|
||
|---|---|---|---|
|
Pulsanti
|
Sfondo, bordo, testo, dimensionamento e spaziatura per i tipi di pulsanti riportati di seguito.
• Pulsanti principali
• Pulsanti secondari
• Pulsanti terziari
• Pulsanti di avviso di pericolo
• Pulsanti trasparenti
È possibile modificare gli stati del pulsante attivo, al passaggio del mouse, premuto e disattivato.
|
||
|
Griglie ed elenchi
|
Sfondo, bordo, testo, dimensionamento e spaziatura per i tipi di widget riportati di seguito.
• Griglie
• Elenchi ed elenchi a discesa (Stili)
• Elenchi (dimensionamento e spaziatura)
• Elenchi a discesa (dimensionamento e spaziatura)
|
||
|
Elementi di input
|
Impostazioni di stile, quali sfondo, bordo, testo, dimensionamento e spaziatura per i tipi di widget riportati di seguito.
• Campi di testo e aree di testo
• Caselle di controllo - Stati selezionato e non selezionato
• Pulsanti di opzione - Stati selezionato e non selezionato
|
||
|
Layout
|
Impostazioni di stile, quali sfondo e bordo dei contenitori di layout all'interno di un mashup.
|
||
|
Navigazione
|
Impostazioni di stile, quali sfondo, bordo e testo, per i tipi di widget seguenti:
• Menu - Sfondo, bordo, divisore e testo per gli elementi dei menu
• Link principali - Stati attivo, al passaggio del mouse, premuto, disattivato e visitato per i link principali in un mashup
• Link secondari - Stati attivo, premuto, disattivato, visitato e al passaggio del mouse per i link secondari in un mashup
|
||
|
Informazioni
|
Impostazioni di stile, quali dimensione, sfondo, bordo e testo di default per le descrizioni comando dei widget.
|
||
|
Grafici
|
Colori utilizzati per definire lo stile di ogni serie di dati all'interno dei grafici. Questi stili influiscono sugli elementi del grafico, ad esempio linee, aree evidenziate, barre e colonne, a seconda del tipo di grafico e della relativa configurazione.
|
||
|
Barra degli strumenti
|
Colore di sfondo e bordo delle barre degli strumenti nel mashup. È inoltre possibile impostare lo spessore della linea del bordo per i lati superiore, inferiore, sinistro e destro del widget Barra degli strumenti (anteprima).
|
Anteprima degli stili
Nella scheda Stili viene illustrata un'anteprima del mashup che viene aggiornata automaticamente. È possibile selezionare un mashup qualsiasi per visualizzare in anteprima come le modifiche delle impostazioni di stile influiscono sull'aspetto del mashup. Per default, l'anteprima visualizza gli stili in un'entità mashup denominata Theme Preview. Il mashup di anteprima comprende un insieme di widget ed elementi a cui possono essere applicati i temi.
Per modificare il mashup di anteprima, attenersi alla procedura descritta di seguito.
1. In Seleziona mashup di anteprima, fare clic su 
per rimuovere il mashup corrente.
per rimuovere il mashup corrente.2. Fare clic su 
. Viene visualizzato un elenco delle entità mashup disponibili.
. Viene visualizzato un elenco delle entità mashup disponibili.3. Selezionare un mashup nell'elenco.
 | È inoltre possibile utilizzare la scheda Stili per visualizzare in anteprima le regole CSS per il tema di stile. |