Designs für interne Dashboards

Mit benutzerdefinierten Designs können Sie die Darstellung Ihrer internen (nicht eingebetteten) Looker-Dashboards anpassen. Sie können Designs verwenden, um Schriftfamilie, Textfarbe, Hintergrundfarbe, Schaltflächenfarbe, Kachelfarbe und andere visuelle Elemente anzupassen. Designs können sowohl auf benutzerdefinierte Dashboards als auch auf LookML-Dashboards angewendet werden.

Sie können beispielsweise ein „dunkles“ Design erstellen, um die Darstellung Ihres Dashboards zu ändern.

Sie können Designs für Dashboards und das Bearbeitungsfenster für Kacheln auf einem Dashboard auf der Seite Designs im Bereich Plattform des Bereichs Admin definieren.

Auf dieser Seite wird Folgendes beschrieben:

Anforderungen an Nutzer und Instanzen

Wenn Sie Designs für Ihre internen Looker-Dashboards verwalten möchten, müssen Sie die folgenden Anforderungen erfüllen:

Design auf ein Dashboard anwenden

Wenn Sie ein Design auf ein Dashboard anwenden möchten, muss sich das Dashboard im Bearbeitungsmodus befinden. Klicken Sie dann auf Style, um den Bereich Style zu öffnen. Wählen Sie im Feld Design ein Design aus. Das Design wird auf Ihr Dashboard angewendet. Wenn Sie Kein Design auswählen und Ihre Instanz ein Standarddesign hat, wird das Standarddesign angewendet.

Dashboards herunterladen

Bei Downloads von Dashboards als PDF wird jedes angewendete benutzerdefinierte Design angezeigt.

Benutzerdefiniertes Design erstellen

Wenn Sie ein benutzerdefiniertes Design erstellen möchten, wählen Sie auf der Admin-Seite Designs den Tab Intern aus und klicken Sie auf Design hinzufügen.

Fügen Sie auf der Seite Neues Design Stil- und Farbspezifikationen für jede Einstellung hinzu, die Sie anpassen möchten. Sie können alle Einstellungen ändern, die in den folgenden Abschnitten beschrieben werden. Wählen Sie Design speichern aus, um Ihre Änderungen zu übernehmen und Ihr neues Design zu speichern.

Design

Name: Der Name des Designs muss eindeutig sein und darf nur alphanumerische Zeichen und Unterstriche enthalten. Wenn Sie im Designnamen Leerzeichen eingeben, werden diese beim Speichern des Designs durch Unterstriche ersetzt.

Allgemein

Schlüssel-Farbe: Bei Dashboards wird diese Farbe für primäre Schaltflächen und Filtersteuerelemente verwendet. Bei Explores wird diese Farbe für Links und Symbole der Feldauswahl, primäre Schaltflächen, Banner und Akzente verwendet.

Textfarbe: Der Hexadezimal-Farbcode für den Text in Explores und Dashboards.

Hintergrundfarbe: Der Hexadezimal-Farbcode für den Hintergrund von Explores und Dashboards.

Schriftfamilie: Der Name der Schriftfamilie. Diese Schriftart wird für den gesamten Text auf dem Dashboard verwendet, einschließlich Kacheltitel, Textkacheln und Legenden in Visualisierungen. Diese Schriftart wird auch für den gesamten Text in einem Explore verwendet. Wenn der Name der Schriftart ein Leerzeichen enthält, setzen Sie den Namen in Anführungszeichen, z. B. „Open Sans“.

Wenn Sie eine gängige websichere Schriftart verwenden, können Sie den Schriftartnamen einfach in das Feld Schriftfamilie eingeben und das Feld Schriftartquelle leer lassen. Wenn Sie eine weniger gängige Schriftart verwenden möchten, geben Sie den Schriftartnamen in das Feld Schriftfamilie ein und geben Sie dann im Feld Schriftartquelle (siehe unten) eine URL zur Definition der gewünschten Schriftart an.

Schriftartquelle: Lassen Sie dieses Feld leer, es sei denn, Sie möchten eine benutzerdefinierte Schriftart verwenden, die keine gängige websichere Schriftart ist. Die Schriftartquelle muss eine vollständige URL sein, die mit https beginnt und auf den url-Wert verweist, der im src-Argument von @font-face angegeben ist. Wir empfehlen die Verwendung einer Datei im Web Open Font Format (.woff), da .woff2-Dateien von Internet Explorer 11 nicht unterstützt werden.

  • Für „PT Sans Narrow“ können Sie beispielsweise „PT Sans Narrow“ in das Feld Schriftfamilie und dann https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff in das Feld Schriftartquelle eingeben.

Beispiel für ein Bearbeitungsfenster für eine Dashboardkachel mit einem benutzerdefinierten Design

Zusätzlich zu den im vorherigen Abschnitt beschriebenen Explore-Elementen wird beim Bearbeiten einer Dashboardkachel das Banner in der Farbe angezeigt, die in der Einstellung Schlüssel-Farbe (#e82042) angegeben ist, und die Schriftart, die in der Einstellung Schriftfamilie (Verdana) angegeben ist:

Das Dialogfeld „Kachel bearbeiten“ in einem Looker-Dashboard mit der Farbe „#e82042“ für das Banner und der Schriftfamilie „Verdana“ für den gesamten Text auf der Seite.

Dashboard-Seite

Farbsammlung: Optional können Sie eine Farbsammlung auswählen. Das ist eine Reihe von aufeinander abgestimmten Paletten, die gut zusammenpassen. Wenn Sie einem Dashboard eine Farbsammlung zuweisen, werden alle Datenreihen in allen Kacheln des Dashboards gemäß den Paletten in der Sammlung eingefärbt. So wird sichergestellt, dass die Farben der Datenreihen auf dem gesamten Dashboard aufeinander abgestimmt sind.

Wenn Sie einem Design eine Farbsammlung zuweisen, wird die Farbsammlung des Designs durch jede Farbsammlung ersetzt, die zuvor einer Kachel zugewiesen wurde. Die Farbsammlung eines Designs überschreibt jedoch keine benutzerdefinierten Farben, die einer Datenreihe zugewiesen wurden, und auch keine bedingte Formatierung, die auf eine Tabellenvisualisierung angewendet wurde.

Schriftgröße des Titels: Optional können Sie die Schriftgröße des Dashboardtitels aus einer Reihe vordefinierter Größen in Pixeln anpassen.

Rand oben: Optional können Sie einen bestimmten Wert für den Rand oben auf einem Dashboard festlegen. Wählen Sie im Drop-down-Menü eine der vordefinierten Optionen aus. Ränder werden in Pixeln (px) gemessen.

Rand unten: Optional können Sie einen bestimmten Wert für den Rand unten auf einem Dashboard festlegen. Wählen Sie im Drop-down-Menü eine der vordefinierten Optionen aus. Ränder werden in Pixeln (px) gemessen.

Rand seitlich: Optional können Sie einen bestimmten Wert für den Rand an den Seiten eines Dashboards festlegen. Wählen Sie im Drop-down-Menü eine der vordefinierten Optionen aus. Ränder werden in Pixeln (px) gemessen.

Dashboard-Tiles

Titelfarbe: Der Hexadezimal-Farbcode für die folgenden Elemente:

Textfarbe: Der Hexadezimal-Farbcode für die folgenden Elemente:

  • Text auf dem Dashboard, einschließlich Legenden in Visualisierungen
  • Untertitel und Haupttext von Markdown-Kacheln, mit Ausnahme des Texts der Überschrift 1
  • Text der Überschrift 1, Text der Überschrift 2 und normaler Text in Textkacheln
  • Kachelsymbole in Einzelwertvisualisierungen

Textkörperfarbe: Der Hexadezimal-Farbcode für die folgenden Elemente:

  • Haupttext in Markdown-Kacheln, mit Ausnahme des Texts der Überschrift 2 und des Texts der Überschrift 3.
  • Haupttext in Textkacheln

Hintergrundfarbe: Der Hexadezimal-Farbcode für den Hintergrund aller Kacheln außer Textkacheln.

Texthintergrundfarbe: Der Hexadezimal-Farbcode für den Hintergrund von Textkacheln.

Titel ausrichten: Legen Sie die Ausrichtung der Kacheltitel auf links, rechts oder zentriert fest.

Schriftgröße des Titels: Optional können Sie die Schriftgröße der Dashboardkacheln aus einer Reihe vordefinierter Größen in Pixeln anpassen.

Schatten: Erstellen Sie mit CSS-Syntax einen Schatten um Dashboardkacheln. Sie können einen vordefinierten Schatten auswählen oder einen benutzerdefinierten Schatten erstellen. Wenn Sie einen benutzerdefinierten Schatten erstellen möchten, geben Sie die gewünschten Werte für horizontal-offset vertical-offset blur-radius spread-radius color ein und wählen Sie Benutzerdefinierten Stil eingeben aus, um Ihre Einstellungen anzuwenden. Eine Vorschau der Einstellungen für den Schatten wird rechts angezeigt.

Spaltenabstand: Optional können Sie die Größe des Abstands zwischen den Spalten der Dashboardkacheln aus einer Reihe vordefinierter Größen in Pixeln anpassen.

Zeilenabstand: Optional können Sie die Größe des Abstands zwischen den Zeilen der Dashboardkacheln aus einer Reihe vordefinierter Größen in Pixeln anpassen.

Rahmenradius: Optional können Sie den Rahmenradius von Dashboardkacheln anpassen, um quadratische oder abgerundete Ecken zu erstellen.

Design bearbeiten

Bei allen Designs können Sie auf die zugehörige Schaltfläche Bearbeiten klicken, um die Designeinstellungen zu aktualisieren.

Sie können die Einstellungen genauso bearbeiten wie beim Erstellen eines neuen Designs. Eine Beschreibung der Einstellungen finden Sie unter Designeinstellungen, die zuvor beschrieben wurden. Wählen Sie Speichern aus, um Ihre Aktualisierungen zu übernehmen.

Design kopieren

Sie können ein vorhandenes Design kopieren, indem Sie das Menü des Designs und dann Design kopieren auswählen.

Wenn Sie eine Kopie eines Designs erstellen, wird der Name des neuen Designs standardmäßig auf den Namen des kopierten Designs gefolgt von „(Kopie)“ festgelegt. Ändern Sie diesen Namen manuell in einen neuen, eindeutigen Namen, der nur alphanumerische Zeichen und Unterstriche enthält, und entfernen Sie die Klammern.

Die übrigen Einstellungen können Sie genauso bearbeiten wie beim Erstellen eines neuen Designs. Eine Beschreibung der Einstellungen finden Sie unter Designeinstellungen, die zuvor beschrieben wurden. Wählen Sie Speichern aus, um alle Designeinstellungen zu übernehmen.

Design löschen

Wenn Sie ein Design löschen möchten, wählen Sie das Menü des Designs und dann Design löschen aus.

Standarddesign festlegen

Wenn Sie ein Design als Standarddesign festlegen, wird dieses Design auf alle Dashboards angewendet, bei denen der Nutzer im Bearbeitungsmodus im Feld Designs die Option Kein Design auswählt.

Wenn Sie ein Design als Standarddesign festlegen möchten, wählen Sie das Menü des Designs und dann Als Standard festlegen aus.

Wenn Sie die Standardeinstellung für das Standarddesign entfernen möchten, wählen Sie das Menü des Designs und dann Standard entfernen aus.