Vai al contenuto principale Passa a contenuto complementare

Applicazione di stili alle tabelle lineari

Sono disponibili diverse proprietà di stile per personalizzare l'aspetto delle tabelle lineari. Gli stili possono aiutare a riflettere la tavolozza di colori della propria organizzazione, semplificare l'analisi e migliorare la leggibilità.

Per informazioni su come regolare altri elementi dell'aspetto del grafico, vedere Personalizzazione dell'aspetto delle tabelle lineari.

Per informazioni generali sull'applicazione di stili a visualizzazioni individuali, vedere Applicazione di stili personalizzati a una visualizzazione.

Applicazione di uno stile al testo

La tabella lineare è una visualizzazione basata su testo, quindi al testo è possibile applicare uno stile in molti modi diversi:

Stile del testo a livello di grafico

  1. Nel pannello delle proprietà aprire la sezione Aspetto.

  2. In AspettoPresentazione, fare clic su TavolozzaStile.

  3. Nella scheda Generale, impostare il carattere, lo stile di enfasi, le dimensioni e il colore dei caratteri per i seguenti elementi di testo:

    • Titolo

    • Sottotitolo

    • Nota a piè di pagina

  4. Nella scheda Grafico, impostare il font, lo stile di enfasi, le dimensioni e il colore dei font per i seguenti elementi di testo:

    • Intestazione: consente di applicare uno stile al testo delle intestazioni per tutte le dimensioni e misure.

    • Valori dimensione: consente di applicare uno stile ai valori di dimensione del testo.

    • Valori misura: consente di applicare uno stile al testo dei valori di misura.

    • Totali: consente di applicare uno stile al testo dei totali, se si è scelto di mostrare una riga per i Totali in Aspetto > Presentazione.

    • Valori null: consente di applicare uno stile al testo dei valori null. È possibile cambiare lo stile e il colore per l'enfasi.

    • Righe a zebra: con questa impostazione attivata, è possibile impostare un colore alternato per il testo delle righe. Vedere Applicazione delle righe a zebra.

Stile del testo a livello di colonna e di cella

Enfasi del testo

È possibile usare un'espressione per definire la modalità in cui viene definito lo stile di testo in ogni colonna. Se si applica uno stile al testo di una colonna tramite un'espressione, quest'ultima sovrascrive il tema dell'app, oltre a qualsiasi stile personalizzato applicato alla visualizzazione di quella colonna.

È possibile utilizzare la seguente sintassi nell'espressione per definire lo stile (le lettere nel tag non distinguono tra maiuscole e minuscole):

  • <B>: grassetto

  • <I>: corsivo

  • <U>: sottolineato

  • <S>: barrato

È possibile applicare più di una delle opzioni riportate sopra contemporaneamente.

Esempi:  

if(avg(Sales) > 300, '<B>')
if(count(OrderID) = 0, '<S>')
if(sum(Sales) > 100000, '<B><U>', '<I>')
  1. In Dati, selezionare una colonna e aprirePresentazione nelle proprietà.

  2. In Espressione stile di testo, immettere l'espressione. Fare clic su Apertura dell'editor delle espressioni per visualizzare l'editor delle espressioni.

Colore testo

È possibile cambiare il colore del testo per le singole colonne.

  1. In Dati, selezionare una colonna e aprirePresentazione nelle proprietà.

  2. In Espressione colore di testo, immettere l'espressione. Fare clic su Apertura dell'editor delle espressioni per visualizzare l'editor delle espressioni.

Allineamento del testo e larghezza della colonna

  1. In Dati, selezionare una colonna e aprirePresentazione nelle proprietà.

  2. Utilizzare il cursore per selezionare un'opzione per l'opzione Allineamento testo. Con l'allineamento del testo Personalizzato, è possibile selezionare l'allineamento a sinistra, al centro o a destra.

    Nota informaticaSe Allineamento testo è impostato su Automatico, i dati delle colonne vengono allineati in base al tipo di dati: i valori di testo vengono allineati a sinistra, mentre i valori numerici, comprese le date, vengono allineati a destra. Se viene impostato su Personalizza, è possibile allineare i dati a sinistra, al centro o a destra.
  3. Selezionare la Larghezza colonna. È possibile selezionare una delle seguenti opzioni:

  • Automatica

  • Adatta a contenuto

  • Pixel

  • Percentuale

Stile del testo a livello di riga

Sono disponibili impostazioni a livello di riga per applicare uno stile di testo:

Personalizzazione dello sfondo

È possibile applicare uno stile allo sfondo a vari livelli:

Stile dello sfondo a livello di grafico

È possibile personalizzare lo sfondo del grafico. È possibile impostare un colore e un'immagine di sfondo.

  1. Nel pannello delle proprietà aprire la sezione Aspetto.

  2. In AspettoPresentazione, fare clic su TavolozzaStile.

  3. Nella scheda Generali del pannello degli stili, è possibile selezionare un colore di sfondo (un singolo colore o un'espressione). È anche possibile impostare un'immagine dalla libreria multimediale oppure un URL come sfondo.

    Nota informatica

    Per aggiungere un'immagine di sfondo da un URL, l'origine dell'URL deve essere aggiunta alla allowlist nei Criteri di sicurezza dei contenuti del tenant. L'origine deve essere aggiunta con la seguente Direttiva: img-src. Questa azione può essere eseguita da un amministratore tenant.

    Per ulteriori informazioni, vedere Creazione di una voce CSP.

    Quando si utilizza un colore di sfondo, utilizzare il dispositivo di scorrimento per regolare l'opacità dello sfondo. L'intestazione del grafico viene sempre visualizzata con un'opacità del 100%.

    Quando si utilizza un'immagine di sfondo, è possibile regolarne le dimensioni e la posizione.

  4. Nella scheda Grafico, personalizzare il colore di sfondo per i seguenti elementi:

    • Intestazione (si utilizza un'opacità del 100%)

    • Valori dimensione

    • Valori misura

    • Etichette misura

    • Totali (si utilizza un'opacità del 100%)

    • Valori null

    • Righe a zebra (vedere Applicazione delle righe a zebra)

Stile dello sfondo a livello di colonna e di cella

È possibile usare un'espressione per definire il colore di sfondo di ogni colonna. Se si applica uno stile allo sfondo di una colonna tramite un'espressione, quest'ultima sovrascrive il tema dell'app, oltre a qualsiasi stile personalizzato applicato alla visualizzazione di quella colonna.

  1. In Dati, selezionare una colonna e aprirePresentazione nelle proprietà.

  2. In Espressione stile sfondo, immettere l'espressione. Fare clic su Apertura dell'editor delle espressioni per visualizzare l'editor delle espressioni.

Stile dello sfondo a livello di riga

Sono disponibili impostazioni a livello di riga per definire il colore di sfondo:

Personalizzazione della griglia

È possibile personalizzare la griglia della tabella.

  1. Nel pannello delle proprietà aprire la sezione Aspetto.

  2. In AspettoPresentazione, fare clic su TavolozzaStile.

  3. Nella scheda Grafico, personalizzare la griglia con i seguenti elementi:

    • Altezza riga: consente di impostare l'altezza delle righe in linee.

    • Bordo: consente di impostare il colore dei bordi delle celle.

    • Divisore: imposta il colore del divisore che divide l'intestazione e il corpo della tabella.

Personalizzazione del comportamento per passaggio del mouse

È possibile impostare le opzioni di visualizzazione allo spostamento del mouse su una riga della tabella.

  1. Nel pannello delle proprietà aprire la sezione Aspetto.

  2. In AspettoPresentazione, fare clic su TavolozzaStile.

  3. Nella scheda Grafico del pannello degli stili, in Passaggio del mouse su riga, regolare le seguenti impostazioni:

    • Per evidenziare le righe nella tabella quando un utente posiziona il mouse su di esse, impostare l'interruttore su Attivo. Disattivare il comportamento in base alle proprie preferenze.

    • Colore passaggio riga: consente di impostare il colore per evidenziare la riga quando un utente posiziona il mouse sopra di essa.

    • Colore carattere passaggio riga: consente di impostare il colore del testo nella riga evidenziata quando un utente posiziona il mouse sopra di essa.

Personalizzazione del bordo e dell'ombreggiatura

È possibile personalizzare il bordo e l'ombreggiatura del grafico.

  1. Nel pannello delle proprietà aprire la sezione Aspetto.

  2. In AspettoPresentazione, fare clic su TavolozzaStile.

  3. Nella scheda Generali del pannello degli stili, in Bordo, regolare le dimensioni di Contorno per ingrandire o ridurre le righe del bordo intorno al grafico.

  4. Selezionare un colore del bordo.

  5. Regolare il Raggio angolo per controllare la rotondità del bordo.

  6. In Ombreggiatura nella scheda Generali, selezionare una dimensione e un colore per l'ombreggiatura. Selezionare Nessuna per rimuovere l'ombreggiatura.

Applicazione delle righe a zebra

Con le righe a zebra, è possibile aggiungere righe di colore alternato a una tabella lineare. Le righe a zebra migliorano la leggibilità aumentando il contrasto tra le righe pari e dispari.

È possibile impostare il testo e il colore di sfondo per le righe pari e dispari.

video thumbnail

  1. Nel pannello delle proprietà aprire la sezione Aspetto.

  2. In AspettoPresentazione, fare clic su TavolozzaStile.

  3. Nella scheda Grafico del pannello degli stili, impostare lo stato delle Righe a zebra su Attivo.

  4. Regolare le seguenti impostazioni:

    • Colore (righe dispari): consente di impostare il colore del testo delle righe dispari.

    • Sfondo (righe dispari): consente di impostare il colore di sfondo delle righe dispari.

    • Colore (righe pari): consente di impostare il colore del testo delle righe pari.

    • Sfondo (righe pari): consente di impostare il colore di sfondo delle righe pari.

Hai trovato utile questa pagina?

Se riscontri problemi con questa pagina o con il suo contenuto – un errore di battitura, un passaggio mancante o un errore tecnico – ti pregiamo di farcelo sapere!