Temi per le dashboard interne

Puoi utilizzare i temi personalizzati per personalizzare l'aspetto delle dashboard interne (non incorporate) di Looker. 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 dei riquadri di una dashboard dalla pagina Temi nella sezione Piattaforma del riquadro Amministrazione.

Questa pagina descrive quanto segue:

Requisiti per utenti e istanze

Per gestire i temi delle dashboard interne di Looker, devi soddisfare i seguenti requisiti:

Applicare un tema a una dashboard

Per applicare un tema a una dashboard, assicurati che la dashboard sia in modalità di modifica e fai clic su Stile per aprire il riquadro Stile. Seleziona un tema dal campo Tema e il tema verrà applicato alla dashboard. Se selezioni Nessuno e la tua istanza ha un tema predefinito, verrà applicato il tema predefinito.

Scaricare le dashboard

I download delle dashboard in formato PDF mostreranno tutti i 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 da 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 campi, i pulsanti principali, i banner e gli elementi in evidenza.

Colore testo: il codice colore esadecimale per il testo nelle esplorazioni e nelle dashboard.

Colore sfondo: il codice colore esadecimale per lo sfondo delle esplorazioni e delle dashboard.

Famiglia di caratteri: il nome della famiglia di caratteri. Questo carattere verrà utilizzato per tutto il testo della 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 web-safe 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 web-safe comune. L' origine del carattere deve essere un URL completo che inizia con https e rimanda al valore url specificato nell'argomento src di @font-face. Ti consigliamo di utilizzare un file in formato di carattere web open (.woff), poiché i file .woff2 non sono supportati da Internet Explorer 11.

  • Ad esempio, per PT Sans Narrow, puoi inserire "PT Sans Narrow" nel campo Famiglia di caratteri e poi inserire https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff nel campo Origine carattere.

Esempio di finestra di modifica del riquadro della dashboard con un tema personalizzato

Oltre agli elementi di esplorazione descritti nella sezione precedente, quando modifici un riquadro della dashboard, il banner viene visualizzato nella tonalità specificata nell'impostazione Colore chiave (#e82042) e il carattere specificato nell'impostazione Famiglia di caratteri (Verdana):

La finestra di dialogo Modifica riquadro in una dashboard di Looker con il colore #e82042 applicato al banner e la famiglia di caratteri Verdana applicata a tutto il testo della pagina.

Pagina dashboard

Raccolta di colori: facoltativamente, puoi scegliere una raccolta di 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, assicurandoti che i colori delle serie di dati siano coordinati su tutta la 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 sostituirà i colori personalizzati assegnati a una serie di dati, né la formattazione condizionale applicata a una visualizzazione di tabella.

Dimensioni carattere titolo: facoltativamente, puoi regolare le dimensioni del carattere del titolo della dashboard da un insieme di dimensioni predefinite in pixel.

Margine superiore: facoltativamente, puoi impostare 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: facoltativamente, puoi impostare 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).

Margine laterale: facoltativamente, puoi impostare 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 dashboard

Colore titolo: il codice colore esadecimale per i seguenti elementi:

  • Titolo della dashboard
  • Titoli dei riquadri della dashboard
  • Titoli e testo di livello di intestazione 1 dei riquadri Markdown
  • Colore del testo delle visualizzazioni a valore singolo

Colore testo: il codice colore esadecimale per i seguenti elementi:

  • Testo sulla dashboard, incluse le legende nelle visualizzazioni
  • Sottotitoli e corpo del testo, ad eccezione del testo di livello di intestazione 1, dei riquadri Markdown
  • Testo di livello di intestazione 1, livello di intestazione 2 e normale nei riquadri di testo
  • Icone dei riquadri nelle visualizzazioni a valore singolo

Colore corpo del testo: il codice colore esadecimale per i seguenti elementi:

  • Corpo del testo, ad eccezione del testo di livello di intestazione 2 e livello di intestazione 3, nei riquadri Markdown.
  • Corpo del testo nei riquadri di testo

Colore sfondo: il codice colore esadecimale per lo sfondo di tutti i riquadri, ad eccezione dei riquadri di testo.

Colore sfondo 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: facoltativamente, puoi regolare le dimensioni del carattere dei riquadri della dashboard da un insieme di dimensioni predefinite in pixel.

Ombra della casella: crea un'ombra intorno ai riquadri della dashboard utilizzando la sintassi CSS. Puoi selezionare un'ombra della casella predefinita o crearne una personalizzata. Per creare un'ombra della casella personalizzata, inserisci i valori horizontal-offset vertical-offset blur-radius spread-radius color che hai scelto e seleziona Inserisci stile personalizzato per applicare le impostazioni. A destra viene visualizzata un'anteprima delle impostazioni dell'ombra della casella.

Dimensioni spazio tra le colonne: facoltativamente, puoi regolare le dimensioni dello spazio tra le colonne dei riquadri della dashboard da un insieme di dimensioni predefinite in pixel.

Dimensioni spazio tra le righe: facoltativamente, puoi regolare le dimensioni dello spazio tra le righe dei riquadri della dashboard da un insieme di dimensioni predefinite in pixel.

Raggio bordo: facoltativamente, puoi regolare 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 faresti quando crei un nuovo tema. Per una descrizione delle impostazioni, consulta le impostazioni del tema descritte in precedenza. Assicurati di selezionare Salva per mantenere gli aggiornamenti.

Copiare un tema

Puoi copiare un tema esistente selezionando il menu del tema e selezionando Copia tema.

Quando crei una copia di un tema, il nome del nuovo tema viene impostato per impostazione predefinita sul nome del tema copiato, seguito da "(copia)". Assicurati di modificare manualmente questo nome con un nuovo nome univoco contenente solo caratteri alfanumerici e trattini bassi e di rimuovere le parentesi.

Puoi modificare il resto delle impostazioni come faresti quando crei un nuovo tema. Per una descrizione delle impostazioni, consulta le impostazioni del tema descritte in precedenza. Assicurati di selezionare Salva per mantenere tutte le impostazioni del tema.

Eliminare un tema

Per eliminare un tema, seleziona il menu del tema e seleziona 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 seleziona Imposta come predefinito.

Per rimuovere l'impostazione predefinita dal tema predefinito, seleziona il menu del tema e seleziona Rimuovi predefinito.