Designs für eingebettete Dashboards, Looks und Explores

Designs können Sie im Admin-Bereich auf der Seite Designs im Abschnitt Plattform definieren. Mit benutzerdefinierten Designs können Sie die Schriftfamilie, Textfarbe, Hintergrundfarbe, Schaltflächenfarbe, Tile-Farbe und andere visuelle Elemente für eingebettete Dashboards, Looks und Explores sowie das Bearbeitungsfenster für Tiles in einem eingebetteten Dashboard und Conversational Analytics-Oberflächen anpassen.

Auf dieser Seite wird Folgendes beschrieben:

Informationen zum Festlegen eines Standarddesigns für Ihre Dashboards und Explores oder zum Anwenden eines Designs auf ein bestimmtes Dashboard oder Explore finden Sie auf der Dokumentationsseite Erste Schritte mit der Einbettung – Benutzerdefinierte Designs anwenden.

Instanzanforderungen für die Verwendung eingebetteter Designs

Beachten Sie die folgenden Anforderungen für die Verwaltung eingebetteter Designs auf einer Looker-Instanz:

Seite Designs

Sie können die Designs für Ihre Instanz auf der Seite Designs im Abschnitt Plattform des Admin-Bereichs Admin verwalten.

Wenn für Ihre Instanz die Funktion in der Vorabversion Designs für interne Dashboards aktiviert ist, werden auf der Seite Designs die Tabs Intern und Eingebettet angezeigt, um Designs für Looker-Dashboards bzw. für eingebettete Inhalte zu verwalten.

Standarddesign

Das Standarddesign von Looker wird automatisch in Ihrer Instanz erstellt und kann nicht gelöscht oder bearbeitet werden. Das Design Looker wird als Standarddesign verwendet, sofern ein Looker-Administrator nicht ein anderes Design als Standard festlegt.

Die Einstellungen für das Looker-Design, die Sie sehen, wenn Sie neben dem Design auf Anzeigen klicken oder eine Kopie des Designs erstellen, sind in die folgenden Abschnitte unterteilt:

Design

Name der Einstellung Wert
Name Looker

Allgemein

Die Einstellungen in diesem Abschnitt gelten für eingebettete Dashboards, eingebettete Explores und Conversational Analytics-Schnittstellen.

Name der Einstellung Wert Hinweise
Hauptfarbe #1A73E8 In Dashboards wird diese Farbe für primäre Buttons und Filtersteuerungen verwendet.

Bei Explores wird diese Farbe für primäre Schaltflächen, Banner und Akzente verwendet.
Textfarbe #3e3f40
Hintergrundfarbe #f6f8fa
Schriftfamilie Roboto, Noto Sans JP, Noto Sans CJK KR, Noto Sans Arabic UI, Noto Sans Devanagari UI, Noto Sans Hebrew, Noto Sans Thai UI, Helvetica, Arial, sans-serif Diese Schriftarten werden von der Looker-Anwendung bereitgestellt und werden empfohlen, da sie sowohl in Browsern als auch beim Rendern von Bildern verfügbar sind. Looker verwendet die erste Schriftart in der Liste der Schriftfamilien, die ein Zeichen unterstützt. Daher sollten die Schriftarten mit höherer Priorität oder die speziellen Schriftarten zuerst aufgeführt werden. Looker verwendet die „UI“-Varianten von Schriftarten, sofern verfügbar. Dabei werden die Zeichen leicht angepasst, damit sie besser in die Grenzen visueller Komponenten passen.
Schriftartquelle Keine

Dashboard-Seite

Name der Einstellung Wert
Farbsammlung Keine
Schriftgröße für Titel None
Rand oben None
Rand unten None
Rand seitlich None

Dashboardkacheln

Name der Einstellung Wert
Titelfarbe #3a4245
Textfarbe #3a4245
Textfarbe Keine
Hintergrundfarbe #ffffff
Hintergrundfarbe für Text None
Ausrichtung des Titels Mitte
Schriftgröße für Titel Keine
Rahmenschatten Keine
Spaltenabstandsgröße Keine
Zeilenabstandsgröße Keine
Rahmenradius Keine

Steuerelemente für Dashboards

Name der Einstellung Wert
Dashboardheader anzeigen Ja
Dashboardtitel anzeigen Ja
Titel des mittleren Dashboards Nein
Filterleiste anzeigen Ja
Ein-/Aus-Button für Filter anzeigen Ja

Explore-Seite

Name der Einstellung Wert
Header anzeigen Ja
Titel anzeigen Ja
Letzte Ausführung anzeigen Ja
Zeitzone anzeigen Ja
Button „Ausführen“ anzeigen Ja
Button „Einstellungen anzeigen“ Ja
Indikator für „Zuletzt aktualisiert“ des Dashboards anzeigen Ja
Symbol für „Daten aktualisieren“ anzeigen Ja
Button „Weitere Optionen anzeigen“ Ja

Look-Seite

Name der Einstellung Wert
Header anzeigen Ja
Titel anzeigen Ja
Letzte Ausführung anzeigen Ja
Zeitzone anzeigen Ja
Button „Ausführen“ anzeigen Ja
Button „Einstellungen anzeigen“ Ja

Im Folgenden finden Sie Beispiele für ein Dashboard, das Bearbeitungsfenster einer Dashboard-Tile und ein Explore mit dem Design Looker.

Beispiel für ein Dashboard mit dem Design Looker

Ein eingebettetes Looker-Dashboard mit dem Standard-Looker-Design.

Beispiel für ein Bearbeitungsfenster für Dashboard-Tiles mit dem Design Looker

Das Dialogfeld „Tile bearbeiten“ in einem eingebetteten Looker-Dashboard mit dem Standard-Looker-Design.

Beispiel für eine Explore-Seite mit dem Looker-Design

Ein eingebettetes Looker-Explore mit dem Standard-Looker-Design.

So werden Designs und Einbettungseinstellungen angewendet

Sie können die Darstellung eines eingebetteten Dashboards oder Explores vom Standarddesign abweichend ändern, indem Sie benutzerdefinierte Designs und URL-Argumente verwenden. Beim Anzeigen eines eingebetteten Dashboards oder Explores wendet Looker die Einstellungen in der folgenden Reihenfolge an:

  1. Beginnt mit den Einstellungen des Standarddesigns
  2. Wendet Einstellungen aus dem benutzerdefinierten Design an, das im Argument theme der URL angegeben ist, falls vorhanden.
  3. Wendet Attribute an, die im URL-Argument _theme angegeben sind, falls vorhanden (nur für Dashboards)

Jedes Element überschreibt die vorherigen Elemente. Das bedeutet, dass die Einbettungseinstellungen die Standarddesigneinstellungen überschreiben und benutzerdefinierte Designs die Einbettungseinstellungen und die Standarddesigns überschreiben.

Beim URL-Argument _theme überschreiben jedoch nur die im Argument _theme angegebenen Elemente die Elemente aus den anderen Designs oder aus den Einbettungseinstellungen. Die restlichen Einstellungen für das benutzerdefinierte Design und die Einbettung werden weiterhin verwendet. Wenn Sie beispielsweise das Argument _theme={"show_filters_bar":false} in die URL eines eingebetteten Dashboards einfügen, wird die Filterleiste nicht angezeigt, auch wenn Sie in den Einbettungseinstellungen oder in einem benutzerdefinierten Design die Option Filter anzeigen aktiviert haben. Die anderen Einstellungen des benutzerdefinierten Designs oder der Einbettungseinstellungen werden jedoch weiterhin verwendet.

Bei Downloads von Dashboards wird das angewendete benutzerdefinierte Design angezeigt.

Benutzerdefiniertes Design erstellen

Wenn Sie ein benutzerdefiniertes Design für eingebettete Dashboards, Looks und Explores erstellen möchten, wählen Sie auf der Seite „Verwaltung“ Designs den Tab Einbetten aus und klicken Sie auf Design hinzufügen.

Fügen Sie als Nächstes auf der Seite Neue Designs Stil- und Farbspezifikationen für jede der Einstellungen hinzu, die Sie anpassen möchten.

Mit Ausnahme des Titels des Designs, der eindeutig sein muss, werden alle Felder automatisch mit den Werten des Standarddesigns ausgefüllt. 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

Die Einstellungen in diesem Abschnitt gelten sowohl für eingebettete Dashboards als auch für eingebettete Explores.

Hauptfarbe: In Dashboards wird diese Farbe für primäre Buttons und Filtersteuerungen verwendet. In Explores wird diese Farbe für Links und Symbole in der Feldauswahl, primäre Buttons, Banner und Akzente verwendet.

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

Hintergrundfarbe: Der hexadezimale Farbcode für den Hintergrund von Explore- und Dashboard-Seiten.

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.

Beispiel für ein eingebettetes Explore mit einem benutzerdefinierten Design

Das folgende Beispiel zeigt ein eingebettetes Explore mit einem benutzerdefinierten Design. Die Schlüsselfarbe ist auf #e82042 und die Schriftfamilie auf Verdana festgelegt.

Wenn Sie einen Explore-Vorgang in einer eingebetteten Umgebung ausführen, wird der Text im Explore-Vorgang in der angegebenen Schriftfamilie Verdana angezeigt. Akzentfarben, Schaltflächen und Links werden in der angegebenen Schlüsselfarbe (#e82042) angezeigt:

Ein eingebettetes Explore, bei dem die Farbe #e82042 auf die Schaltfläche „Hinzufügen“, die Schaltfläche „Zu LookML“, die Schaltfläche des Zahnradmenüs und die Titel von Schnellstart-Analysen angewendet wurde.

Nachdem ein Explore ausgeführt wurde, werden der Umriss und der Text des Buttons Ausführen in der angegebenen Schlüsselfarbe angezeigt, #e82042:

Ein eingebetteter Explore mit der Farbe #e82042 für die Schaltfläche „Ausführen“.

Beispiel für ein Bearbeitungsfenster für eine eingebettete Dashboard-Tile mit einem benutzerdefinierten Design

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

Das Dialogfeld „Tile bearbeiten“ in einem eingebetteten Looker-Dashboard, wobei die Farbe #e82042 auf das Banner und die Schriftfamilie Verdana auf den gesamten Text auf der Seite angewendet wird.

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 eingebetteten Design eine Farbsammlung zuweisen, überschreibt die Farbsammlung des Designs alle Farbsammlungen, die zuvor einer Tile zugewiesen wurden. Die Farbkollektion eines Designs überschreibt jedoch weder benutzerdefinierte Farben, die einer Datenreihe zugewiesen sind, noch die bedingte Formatierung, die auf eine Tabellenvisualisierung angewendet wird.

Hintergrundfarbe: Der hexadezimale Farbcode für den Hintergrund des Dashboards und den Hintergrund von Text-Tiles.

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-Tiles verwenden dieselbe Hintergrundfarbe wie das Dashboard, die im Abschnitt Dashboard-Seite mit der Hintergrundfarbe festgelegt wird.)

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.

Dashboard-Steuerelemente

Dashboard-Header anzeigen: Deaktivieren Sie diese Option, um den gesamten Dashboard-Header auszublenden, einschließlich aller Dashboard-Filter und ‑Steuerelemente. Wenn diese Option deaktiviert ist, werden alle anderen Dashboard-Steuerungsoptionen deaktiviert und die Auswahl wird aufgehoben.

Dashboardtitel anzeigen: Setzen Sie ein Häkchen, um den Titel des Dashboards anzuzeigen.

Dashboardtitel zentrieren: Klicken Sie dieses Kästchen an, um den Dashboardtitel zentriert auf dem Dashboard anzuzeigen. Wenn diese Option nicht aktiviert ist, wird der Dashboard-Titel linksbündig ausgerichtet. Diese Option ist nur verfügbar, wenn die Option Dashboard-Titel anzeigen aktiviert wurde.

Filterleiste anzeigen: Setzen Sie ein Häkchen, um die Filterleiste oben im Dashboard anzuzeigen. Wenn diese Option nicht ausgewählt ist, ist die Option Ein-/Aus-Button für Filter anzeigen deaktiviert und das Dashboard-Filtersymbol wird ausgeblendet.

Filter ein-/ausblenden: Aktivieren Sie das Kästchen, um das Symbol für Dashboard-Filter anzuzeigen.

Indikator für „Zuletzt aktualisiert“ des Dashboards anzeigen: Klicken Sie das Kästchen an, um den Indikator für „Zuletzt aktualisiert“ des Dashboards anzuzeigen.

Symbol für „Daten aktualisieren“ anzeigen: Aktivieren Sie das Kästchen, um das Symbol für „Daten aktualisieren“ im Dashboard anzuzeigen.

Schaltfläche „Weitere Optionen“ anzeigen: Klicken Sie das Kästchen an, um das Dreipunkt-Menü des Dashboards anzuzeigen. Wenn diese Option deaktiviert ist, sind die Dashboard-Menüoptionen nicht verfügbar.

Explore-Seite

In einem benutzerdefinierten Design können Sie die folgenden Elemente auf eingebetteten Explore-Seiten anpassen:

Header anzeigen: Deaktivieren Sie diese Option, um den gesamten Header eines eingebetteten Explores auszublenden, einschließlich des Titels, der Anzeige für die letzte Ausführung, der Zeitzone der Daten, der Schaltfläche Ausführen und des Zahnradmenüs Explore-Aktionen.

Titel anzeigen: Deaktivieren Sie diese Option, um den Titel eines eingebetteten Explores auszublenden.

Letzte Ausführung anzeigen: Deaktivieren Sie diese Option, um auszublenden, wie lange die Ausführung des Explores her ist.

Zeitzone anzeigen: Deaktivieren Sie diese Option, um die Zeitzone der Daten in einem eingebetteten Explore auszublenden.

Button „Ausführen“ anzeigen: Deaktivieren Sie diese Option, um den Button Ausführen in einem eingebetteten Explore auszublenden.

Aktionsbutton anzeigen: Deaktivieren Sie diese Option, um das Zahnradmenü für Explore-Aktionen in einem eingebetteten Explore auszublenden.

Look-Seite

In einem benutzerdefinierten Design können Sie die folgenden Elemente in eingebetteten Looks anpassen:

Header anzeigen: Deaktivieren Sie diese Option, um den gesamten Header eines eingebetteten Looks auszublenden, einschließlich des Titels, der Anzeige der letzten Ausführung, der Zeitzone der Daten, der Schaltfläche Ausführen und des Zahnradmenüs Explore-Aktionen.

Titel anzeigen: Deaktivieren Sie diese Option, um den Titel eines eingebetteten Looks auszublenden.

Letzte Ausführung anzeigen: Deaktivieren Sie diese Option, um auszublenden, wie lange die Ausführung des Looks her ist.

Zeitzone anzeigen: Deaktivieren Sie diese Option, um die Zeitzone der Daten in einem eingebetteten Look auszublenden.

Button „Ausführen“ anzeigen: Deaktivieren Sie diese Option, um den Button „Ausführen“ in einem eingebetteten Look auszublenden. Wenn Filter für eingebettete Looks anzeigen deaktiviert ist, wird der Button Ausführen nicht angezeigt.

Aktionsbutton anzeigen: Deaktivieren Sie diese Option, um das Zahnradmenü für Explore-Aktionen in einem eingebetteten Look auszublenden.

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 bearbeiten

Das Design Looker wird automatisch auf Ihrer Instanz erstellt und kann nicht bearbeitet werden. (Wenn Sie das Looker-Design ändern möchten, können Sie stattdessen eine Kopie des Designs erstellen und diese dann bearbeiten.)

Bei allen anderen Designs können Sie auf den zugehörigen Button 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 löschen

Sie können jedes Design löschen, mit Ausnahme des Looker-Designs oder des Designs, das als Standard festgelegt ist. Wenn Sie ein Design löschen möchten, wählen Sie das Menü des Designs und dann Design löschen aus.

Nachdem Sie ein Design gelöscht haben, wird für alle eingebetteten Dashboards, für die dieses Design in der URL angegeben ist, das Standarddesign verwendet.

Standarddesign für eingebettete Dashboards und Explores festlegen

Benutzerdefinierte Designs werden für eingebettete Looks nicht unterstützt. Benutzerdefinierte Designs sind nur für eingebettete Dashboards und eingebettete Explores verfügbar.

Wenn Sie das Standarddesign für die eingebetteten Dashboards und Explores in Ihrer Instanz festlegen möchten, wählen Sie das Menü eines Designs und dann Als Standard festlegen aus.

Das Standarddesign wird für eingebettete Dashboards und Explores in Ihrer Looker-Instanz verwendet, sofern Sie für ein einzelnes Dashboard oder Explore keine anderen Einstellungen festlegen. Weitere Informationen dazu, wie Designs und Einbettungseinstellungen auf ein eingebettetes Dashboard oder Explore angewendet werden, finden Sie im Abschnitt Anwendung von Designs und Einbettungseinstellungen auf dieser Seite.

Design auf bestimmte eingebettete Dashboards und Explores anwenden

Benutzerdefinierte Designs werden für eingebettete Looks nicht unterstützt. Benutzerdefinierte Designs sind nur für eingebettete Dashboards und eingebettete Explores verfügbar.

Wenn Sie für ein Dashboard oder ein Explore ein anderes Design als das Standarddesign verwenden möchten, können Sie in der URL des eingebetteten Dashboards oder Explores ein anderes Design angeben. Fügen Sie dazu den Parameter theme= mit dem Namen des Designs am Ende der Einbettungs-URL hinzu. Wenn Sie beispielsweise ein Design mit dem Namen „Rot“ haben, fügen Sie am Ende der URL des eingebetteten Dashboards theme=Red hinzu:

https://example.cloud.looker.com/embed/dashboards/246?theme=red

Bei Explores fügen Sie theme=Red am Ende der eingebetteten Explore-URL hinzu: none https://example.cloud.looker.com/embed/explore/model_name/explore_name?theme=red

Beim Designelement in der URL wird nicht zwischen Groß- und Kleinschreibung unterschieden. Sie können also entweder theme=Red oder theme=red verwenden.

Verwenden des URL-Arguments _theme, um einzelne Dashboard-Designelemente anzuwenden

Mit dem URL-Argument _theme können Sie einzelne Designelemente für Ihr eingebettetes Dashboard anpassen, z. B. tile_background_color und show_title.

So sieht das Format für das URL-Argument _theme aus:

_theme={"<property>":value}

Mit _theme={"show_filters_bar":false} können Sie beispielsweise die Filterleiste des eingebetteten Dashboards ausblenden. Die vollständige URL könnte so aussehen:

https://example.cloud.looker.com/embed/dashboards/236?_theme={"show_filters_bar":false}

Verwenden Sie ein Komma, um mehrere Designeigenschaften anzugeben:

_theme={"show_title":false,"show_filters_bar":false,"text_tile_text_color":"blue"}

Farbwerte müssen in Anführungszeichen gesetzt werden und können mit dem Farbnamen oder dem Hexadezimal-Farbcode angegeben werden. Wenn Sie einen Hex-Code verwenden, müssen Sie die URL-codierte Version des Zeichens # verwenden, also %23. Beispielsweise wird die Farbe Rot durch beide URL-Argumente angegeben:

_theme={"title_color":"red","text_tile_text_color":"%23FF0000"}

Beachten Sie Folgendes, wenn Sie das _theme-Objekt für ein eingebettetes Dashboard verwenden:

  • Alle Elemente, die im URL-Argument _theme angegeben sind, überschreiben die Einstellungen für dieses Element in allen anderen Designs. Das Argument _theme ist also eine praktische Möglichkeit, Designs oder Einbettungseinstellungen zu verfeinern. Angenommen, Sie haben ein benutzerdefiniertes Design, bei dem die Filterleiste ausgeblendet wird, aber Sie haben ein Dashboard, bei dem es sinnvoll wäre, die Filterleiste einzublenden. Sie können das benutzerdefinierte Design für Ihr Dashboard verwenden und dann das Argument _theme={"show_filters_bar":true} in der URL des eingebetteten Dashboards hinzufügen, um die Filterleiste in diesem Dashboard anzuzeigen, aber alle anderen benutzerdefinierten Designeinstellungen beizubehalten. Weitere Informationen dazu, wie Designs und Einbettungseinstellungen auf ein eingebettetes Dashboard angewendet werden, finden Sie im Abschnitt Anwendung von Designs und Einbettungseinstellungen auf dieser Seite.
  • Bei Programmierscripts müssen Sie das Argument _theme URL-codieren.
  • Das Argument _theme wird nicht angewendet, wenn eingebettete Dashboards im PDF-Format bereitgestellt werden.
  • Das Argument _theme wird angewendet, wenn Sie das Dashboard als PDF herunterladen.