Puoi utilizzare i temi personalizzati per personalizzare l'aspetto delle dashboard e dei Look di Looker interni (non incorporati). Puoi utilizzare i temi per personalizzare la famiglia di caratteri, il colore del testo, il colore dello 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 dalla pagina Themes (Temi) nella sezione Platform (Piattaforma) del pannello Admin (Amministrazione).
Questa pagina descrive quanto segue:
- Requisiti per utenti e istanze
- Come vengono applicati i temi alle dashboard
- Come vengono applicati i temi ai Look
- Come vengono applicati i temi alle dashboard scaricate in formato 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 e i Look di Looker interni, devi soddisfare i seguenti requisiti:
- L'amministratore di Looker deve abilitare la funzionalità in anteprima Temi delle dashboard interne.
- Il tuo utente Looker deve disporre del ruolo Amministratore o dell'autorizzazione
manage_internal_themes.
Applicazione di 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 per applicarlo alla dashboard. Se selezioni Nessuno e la tua istanza ha un tema predefinito, verrà applicato il tema predefinito.
Applicazione di un tema a un look
Per applicare un tema a un Look, assicurati che il Look sia in modalità di modifica e fai clic su Stile per aprire il riquadro Stile. Seleziona un tema dal campo Tema per applicarlo al tuo look. Se selezioni Predefinito e la tua istanza ha un tema predefinito, verrà applicato il tema predefinito.
Download delle dashboard
I download delle dashboard in formato PDF mostreranno l'eventuale tema personalizzato applicato.
Creazione di un tema personalizzato
Per creare un tema personalizzato, nella pagina Amministrazione Temi, seleziona la scheda Interno e fai clic su Aggiungi tema.
Poi, aggiungi le specifiche di stile e colore per ogni impostazione che vuoi personalizzare nella pagina Nuovo tema. Puoi modificare qualsiasi impostazione, come descritto 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 principale: le dashboard utilizzano questo colore per i pulsanti principali e i controlli dei filtri. I look utilizzano questo colore per i link, i pulsanti principali e le schede selezionate.
Colore testo: il codice colore esadecimale per il testo nelle dashboard e nei Look, nonché per i banner e le icone nei Look.
Colore sfondo: il codice colore esadecimale per lo sfondo di Look e 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 WOFF (Web Open Font Format) (.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.woffnel campo Origine carattere.
Pagina dashboard
Raccolta di colori: facoltativamente, puoi scegliere una raccolta di colori, ovvero un insieme di tavolozze coordinate che si abbinano bene tra loro. 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, assicurando che i colori delle serie di dati siano coordinati nell'intera dashboard.
Quando assegni una raccolta di colori a un tema, questa sostituisce qualsiasi raccolta di colori precedentemente assegnata 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 tabella.
Dimensioni carattere del titolo: facoltativamente, regola le dimensioni del carattere del titolo della dashboard scegliendo tra un insieme di dimensioni predefinite in pixel.
Margine superiore: facoltativamente, imposta 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, imposta 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 dashboard
- Titoli dei riquadri della dashboard
- Titoli e testo dell'intestazione di livello 1 dei riquadri Markdown
- Colore del testo delle visualizzazioni KPI (valore singolo) e delle visualizzazioni di un valore singolo (legacy)
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 dell'intestazione di livello 1, dei riquadri Markdown
- Livello intestazione 1, livello intestazione 2 e testo normale nei riquadri di testo
- Icone dei riquadri nelle visualizzazioni KPI (valore singolo) e nelle visualizzazioni di un valore singolo (legacy)
Colore corpo del testo: il codice colore esadecimale per i seguenti elementi:
- Testo del corpo, ad eccezione del testo di intestazione di livello 2 e 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: facoltativamente, regola le dimensioni del carattere dei riquadri della dashboard scegliendo tra un insieme di dimensioni predefinite in pixel.
Ombra della casella: crea un'ombra intorno ai riquadri della dashboard utilizzando la sintassi CSS. Puoi scegliere un'ombra della casella predefinita o crearne una personalizzata. Per creare un'ombra della casella personalizzata, inserisci il valore horizontal-offset vertical-offset blur-radius spread-radius color scelto e seleziona Inserisci stile personalizzato per applicare le impostazioni. A destra viene visualizzata un'anteprima delle impostazioni dell'ombra della casella.
Dimensioni spazio della colonna: facoltativamente, regola le dimensioni dello spazio tra le colonne dei riquadri della dashboard scegliendo tra un insieme di dimensioni predefinite in pixel.
Dimensioni spazio della riga: facoltativamente, regola le dimensioni dello spazio tra le righe dei riquadri della dashboard scegliendo tra un insieme di dimensioni predefinite in pixel.
Raggio bordo: facoltativamente, regola il raggio bordo dei riquadri della dashboard per creare angoli quadrati o arrotondati.
Modifica di 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 conservare gli aggiornamenti.
Copia di un tema
Puoi copiare un tema esistente selezionando il menu del tema e poi 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 le altre 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 conservare tutte le impostazioni del tema.
Eliminazione di un tema
Per eliminare un tema, seleziona il menu del tema e poi Elimina tema.
Impostazione di 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.