Puoi utilizzare i temi personalizzati per personalizzare l'aspetto delle dashboard Looker interne (non incorporate). Puoi utilizzare i temi per personalizzare la famiglia di caratteri, il colore del testo, il colore di sfondo, il colore dei pulsanti, il colore dei riquadri e altri elementi visivi. I temi possono essere applicati sia alle dashboard definite dall'utente sia alle dashboard LookML.
Ad esempio, puoi creare un tema "scuro" per modificare l'aspetto della dashboard.
Puoi definire i temi per le dashboard e la finestra di modifica per i riquadri di una dashboard dalla pagina Temi nella sezione Piattaforma del riquadro Amministrazione.
Questa pagina descrive quanto segue:
- Requisiti per utenti e istanze
- Come vengono applicati i temi alle dashboard
- Come vengono applicati i temi alle dashboard scaricate come PDF
- Come creare, copiare, modificare, eliminare e impostare come predefinito un tema personalizzato
Requisiti per utenti e istanze
Per gestire i temi per le dashboard Looker interne, devi soddisfare i seguenti requisiti:
- L'amministratore di Looker deve abilitare la funzionalità Labs Internal Dashboard Theming (Temi interni delle dashboard).
- Il tuo utente Looker deve disporre del ruolo Amministratore o dell'autorizzazione
manage_internal_themes.
Applicare un tema a una dashboard
Per applicare un tema a una dashboard, assicurati che sia in modalità di modifica e fai clic su Stile per aprire il riquadro Stile. Seleziona un tema dal campo Tema e verrà applicato alla dashboard. Se selezioni Nessuno e la tua istanza ha un tema predefinito, verrà applicato il tema predefinito.
Download delle dashboard
I download delle dashboard in formato PDF mostreranno eventuali temi personalizzati applicati.
Creare un tema personalizzato
Per creare un tema personalizzato, nella pagina di amministrazione Temi, seleziona la scheda Interno e fai clic su Aggiungi tema.
A questo punto, aggiungi le specifiche di stile e colore per ogni impostazione che vuoi personalizzare nella pagina Nuovo tema. Puoi modificare una qualsiasi delle impostazioni descritte nelle sezioni seguenti. Seleziona Salva tema per mantenere le modifiche e salvare il nuovo tema.
Tema
Nome: il nome del tema deve essere univoco e può contenere solo caratteri alfanumerici e trattini bassi. Se inserisci spazi nel nome del tema, questi verranno sostituiti con trattini bassi quando salvi il tema.
Generale
Colore chiave: le dashboard utilizzano questo colore per i pulsanti principali e i controlli dei filtri. Le esplorazioni utilizzano questo colore per i link e le icone del selettore di campi, i pulsanti principali, i banner e gli elementi in evidenza.
Colore testo: il codice colore esadecimale per il testo di Esplora e dei dashboard.
Colore sfondo: il codice colore esadecimale per lo sfondo di Esplora e dei dashboard.
Famiglia di caratteri: il nome della famiglia di caratteri. Questo carattere verrà utilizzato per tutto il testo nella dashboard, inclusi i titoli dei riquadri, i riquadri di testo e le legende nelle visualizzazioni. Questo carattere verrà utilizzato anche per tutto il testo di un'esplorazione. Se il nome del carattere contiene uno spazio, racchiudilo tra virgolette, ad esempio "Open Sans".
Se utilizzi un carattere sicuro per il web comune, puoi semplicemente digitare il nome del carattere nel campo Famiglia di caratteri e lasciare vuoto il campo Origine carattere. Se vuoi utilizzare un carattere meno comune, inserisci il nome del carattere nel campo Famiglia di caratteri e poi utilizza il campo Origine carattere, descritto di seguito, per fornire un URL alla definizione del carattere che vuoi utilizzare.
Origine carattere: lascia vuoto questo campo, a meno che tu non voglia utilizzare un carattere personalizzato, ovvero un carattere che non sia un carattere sicuro per il web comune. Font Source deve essere un URL completo che inizia con https e punta al valore url specificato nell'argomento src di @font-face. Ti consigliamo di utilizzare un file in formato Web Open Font (.woff), poiché i file .woff2 non sono supportati da Internet Explorer 11.
- Ad esempio, per PT Sans Narrow, potresti inserire "PT Sans Narrow" nel campo Famiglia di caratteri e poi inserire
https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woffnel campo Origine carattere.
Esempio di finestra di modifica di un riquadro della dashboard con un tema personalizzato
Oltre agli elementi di esplorazione descritti nella sezione precedente, quando modifica un riquadro della dashboard, il banner viene visualizzato nella tonalità specificata nell'impostazione Colore principale (#e82042) e nel carattere specificato nell'impostazione Famiglia di caratteri (Verdana):
Pagina dashboard
Raccolta colori: se vuoi, puoi scegliere una raccolta colori, ovvero un insieme di tavolozze coordinate che funzionano bene insieme. Quando assegni una raccolta di colori a una dashboard, tutte le serie di dati in tutti i riquadri della dashboard vengono colorate in base alle tavolozze della raccolta, garantendo che i colori delle serie di dati siano coordinati nell'intera dashboard.
Quando assegni una raccolta di colori a un tema, la raccolta di colori del tema sostituirà qualsiasi raccolta di colori assegnata in precedenza a un riquadro. Tuttavia, la raccolta di colori di un tema non sostituisce i colori personalizzati assegnati a una serie di dati, né la formattazione condizionale applicata a una visualizzazione a tabella.
Dimensioni carattere titolo: se vuoi, regola le dimensioni del carattere del titolo della dashboard scegliendo tra una serie di dimensioni predefinite in pixel.
Margine superiore: imposta facoltativamente un valore specifico per il margine nella parte superiore di una dashboard. Scegli tra le opzioni predefinite in un menu a discesa. I margini sono misurati in pixel (px).
Margine inferiore: imposta facoltativamente un valore specifico per il margine nella parte inferiore di una dashboard. Scegli tra le opzioni predefinite in un menu a discesa. I margini sono misurati in pixel (px).
Lati margini: facoltativamente, imposta un valore specifico per il margine sui lati di una dashboard. Scegli tra le opzioni predefinite in un menu a discesa. I margini sono misurati in pixel (px).
Riquadri della dashboard
Colore titolo: il codice colore esadecimale per i seguenti elementi:
- Titolo della dashboard
- Titoli dei riquadri della dashboard
- Titoli e testo di livello 1 delle intestazioni dei riquadri Markdown
- Colore del testo delle visualizzazioni a singolo valore
Colore testo: il codice colore esadecimale per i seguenti elementi:
- Testo nella dashboard, incluse le legende nelle visualizzazioni
- Sottotitoli e corpo del testo, ad eccezione del testo del livello di intestazione 1, dei riquadri Markdown
- Intestazione di livello 1, intestazione di livello 2 e testo normale nei riquadri di testo
- Icone dei riquadri nelle visualizzazioni a singolo valore
Colore corpo testo: il codice colore esadecimale per i seguenti elementi:
- Testo del corpo, ad eccezione del testo di intestazione di livello 2 e di intestazione di livello 3, nei riquadri Markdown.
- Testo del corpo nei riquadri di testo
Colore di sfondo: il codice colore esadecimale per lo sfondo di tutti i riquadri, ad eccezione di quelli di testo.
Colore di sfondo del testo: il codice colore esadecimale per lo sfondo dei riquadri di testo.
Allineamento titolo: imposta l'allineamento dei titoli dei riquadri a sinistra, a destra o al centro.
Dimensioni carattere titolo: se vuoi, regola le dimensioni del carattere dei riquadri della dashboard scegliendo tra una serie di dimensioni predefinite in pixel.
Ombra scatola: crea un'ombra intorno ai riquadri della dashboard utilizzando la sintassi CSS. Puoi scegliere tra un'ombreggiatura predefinita o crearne una personalizzata. Per creare un'ombreggiatura personalizzata, inserisci il horizontal-offset vertical-offset blur-radius spread-radius color che preferisci e seleziona Inserisci stile personalizzato per applicare le impostazioni. A destra viene mostrata un'anteprima delle impostazioni dell'ombreggiatura della casella.
Dimensioni spazio della colonna: se vuoi, regola le dimensioni dello spazio tra le colonne dei riquadri della dashboard scegliendo tra una serie di dimensioni predefinite in pixel.
Dimensioni spazio riga: (facoltativo) regola le dimensioni dello spazio tra le righe dei riquadri della dashboard da un insieme di dimensioni predefinite in pixel.
Raggio bordo: (facoltativo) regola il raggio del bordo dei riquadri della dashboard per creare angoli quadrati o arrotondati.
Modificare un tema
Per tutti i temi, puoi fare clic sul pulsante Modifica associato per aggiornare le impostazioni del tema.
Puoi modificare le impostazioni come quando crei un nuovo tema. Per una descrizione delle impostazioni, vedi le impostazioni del tema descritte in precedenza. Assicurati di selezionare Salva per conservare gli aggiornamenti.
Copiare un tema
Puoi copiare un tema esistente selezionando il menu del tema e scegliendo Copia tema.
Quando crei una copia di un tema, il nome del nuovo tema corrisponde per impostazione predefinita al nome del tema copiato, seguito da "(copia)". Assicurati di modificare manualmente questo nome con un nome nuovo e univoco contenente solo caratteri alfanumerici e trattini bassi e di rimuovere le parentesi.
Puoi modificare le altre impostazioni come faresti quando crei un nuovo tema. Per una descrizione delle impostazioni, vedi le impostazioni del tema descritte in precedenza. Assicurati di selezionare Salva per conservare tutte le impostazioni del tema.
Eliminare un tema
Per eliminare un tema, seleziona il menu del tema e poi Elimina tema.
Impostare un tema predefinito
Se imposti un tema come predefinito, questo verrà applicato a qualsiasi dashboard in cui l'utente seleziona l'opzione Nessuno dal campo Temi in modalità di modifica.
Per impostare un tema come predefinito, seleziona il menu del tema e poi Imposta come predefinito.
Per rimuovere l'impostazione predefinita dal tema predefinito, seleziona il menu del tema e poi Rimuovi predefinito.