Designs für interne Dashboards und Looks

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

Sie können beispielsweise ein dunkles Design erstellen, um das Erscheinungsbild Ihres Dashboards zu ändern.

Designs können Sie im Admin-Bereich auf der Seite Designs im Abschnitt Plattform definieren.

Auf dieser Seite wird Folgendes beschrieben:

Anforderungen an Nutzer und Instanzen

Wenn Sie Designs für Ihre internen Looker-Dashboards und -Looks 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 auf Stil, um den Bereich Stil zu öffnen. Wählen Sie im Feld Design ein Design aus. Es wird dann auf Ihr Dashboard angewendet. Wenn Sie Keine auswählen und Ihre Instanz ein Standarddesign hat, wird das Standarddesign angewendet.

Design auf einen Look anwenden

Wenn Sie ein Design auf einen Look anwenden möchten, muss sich der Look im Bearbeitungsmodus befinden. Klicken Sie auf Stil, um den Bereich Stil zu öffnen. Wählen Sie im Feld Design ein Design aus. Es wird dann auf Ihren Look angewendet. Wenn Sie Standard auswählen und Ihre Instanz ein Standarddesign hat, wird das Standarddesign angewendet.

Dashboards herunterladen

Bei Downloads von Dashboards als PDF wird das 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 als Nächstes Stil- und Farbspezifikationen für jede Einstellung hinzu, die Sie auf der Seite Neues Design anpassen möchten. Sie können alle Einstellungen ändern, die in den folgenden Abschnitten beschrieben werden. Wählen Sie Design speichern aus, um die Änderungen zu übernehmen und das neue Design zu speichern.

Design

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

Allgemein

Hauptfarbe: In Dashboards wird diese Farbe für primäre Buttons und Filtersteuerungen verwendet. In Looks wird diese Farbe für Links, primäre Buttons und ausgewählte Tabs verwendet.

Text Color: Der hexadezimale Farbcode für den Text in Dashboards und Looks sowie für Banner und Symbole in Looks.

Hintergrundfarbe: Der hexadezimale Farbcode für den Hintergrund von Looks und Dashboards.

Schriftfamilie: Der Name der Schriftfamilie. Diese Schriftart wird für den gesamten Text im Dashboard verwendet, einschließlich Tile-Titel, Text-Tiles 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 ihn in Anführungszeichen, z. B. „Open Sans“.

Wenn Sie eine gängige websichere Schriftart verwenden, können Sie den Namen der Schriftart 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 Namen der Schriftart in das Feld Schriftfamilie ein und verwenden Sie dann das Feld Schriftartquelle, das als Nächstes beschrieben wird, um eine URL zur Definition der gewünschten Schriftart anzugeben.

Schriftartquelle: Lassen Sie dieses Feld leer, es sei denn, Sie möchten eine benutzerdefinierte Schriftart verwenden, also eine Schriftart, die keine gängige websichere Schriftart ist. Die Schriftartquelle muss eine vollständige URL sein, die mit https beginnt und auf den Wert url verweist, der im Argument src von @font-face angegeben ist. Wir empfehlen, eine WOFF-Datei (Web Open Font Format, .woff) zu verwenden, 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 Schriftquelle eingeben.

Dashboard-Seite

Farbkollektion: Optional können Sie eine Farbkollektion 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 Tiles des Dashboards gemäß den Paletten in der Sammlung eingefärbt. So wird sichergestellt, dass die Farben der Datenreihen im gesamten Dashboard aufeinander abgestimmt sind.

Wenn Sie einem Design eine Farbsammlung zuweisen, überschreibt die Farbsammlung des Designs alle Farbsammlungen, die zuvor einer Kachel zugewiesen wurden. Die Farbsammlung eines Designs überschreibt jedoch weder benutzerdefinierte Farben, die einer Datenreihe zugewiesen sind, noch die bedingte Formatierung, die auf eine Tabellenvisualisierung angewendet wird.

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

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

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

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

Dashboard-Tiles

Titelfarbe: Der hexadezimale Farbcode für die folgenden Elemente:

Text Color: Der hexadezimale Farbcode für die folgenden Elemente:

Text Body Color: Der hexadezimale Farbcode für die folgenden Elemente:

  • Fließtext, mit Ausnahme von Text der Überschriftenebene 2 und 3, in Markdown-Tiles.
  • Textkörper in Text-Tiles

Hintergrundfarbe: Der Hexadezimal-Farbcode für den Hintergrund aller Tiles mit Ausnahme von Text-Tiles.

Text Background Color: Der Hexadezimal-Farbcode für den Hintergrund von Text-Tiles.

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

Schriftgröße für Titel: Sie können die Schriftgröße von Dashboard-Kacheln optional aus einer Reihe vordefinierter Größen in Pixeln anpassen.

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

Spaltenabstandsgröße: Sie können die Größe des Abstands zwischen den Spalten der Dashboard-Kacheln optional anpassen. Dazu stehen vordefinierte Größen in Pixel zur Verfügung.

Zeilenabstandsgröße: Optional können Sie die Größe des Abstands zwischen den Zeilen der Dashboard-Kacheln anpassen. Hierfür stehen vordefinierte Größen in Pixel zur Verfügung.

Rahmenradius: Sie können den Rahmenradius von Dashboard-Kacheln anpassen, um quadratische oder abgerundete Ecken zu erstellen.

Design bearbeiten

Bei allen Designs können Sie auf die entsprechende 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 in den zuvor beschriebenen Designeinstellungen. Wähle Speichern aus, um deine Änderungen zu speichern.

Design kopieren

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

Wenn Sie ein Design kopieren, wird der Name des kopierten Designs standardmäßig als Name des neuen Designs verwendet, gefolgt von „(Kopie)“. Ändern Sie diesen Namen manuell in einen neuen, eindeutigen Namen, der nur alphanumerische Zeichen und Unterstriche enthält. Entfernen Sie auch die Klammern.

Die restlichen Einstellungen können Sie wie beim Erstellen eines neuen Designs bearbeiten. Eine Beschreibung der Einstellungen finden Sie in den zuvor beschriebenen Designeinstellungen. Wählen Sie Speichern aus, um alle Designeinstellungen beizubehalten.

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 es auf alle Dashboards angewendet, bei denen der Nutzer im Bearbeitungsmodus im Feld Designs die Option Keine auswählt.

Wenn Sie ein Design als Standarddesign festlegen möchten, öffnen Sie das Menü des Designs und wählen Sie 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.