Administratoreinstellungen – Designs

Mit benutzerdefinierten Designs können Sie das Erscheinungsbild Ihrer eingebetteten Looker-Dashboards, Looks und Explores anpassen. Mit Designs können Sie Schriftfamilie, Textfarbe, Hintergrundfarbe, Schaltflächenfarbe, Kachelfarbe und andere visuelle Elemente anpassen.

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

Informationen zum Festlegen eines Standarddesigns für Ihre Dashboards und explorativen Datenanalysen oder zum Anwenden eines Designs auf ein bestimmtes Dashboard oder eine bestimmte explorative Datenanalyse finden Sie auf der Dokumentationsseite Erste Schritte beim Einbetten – Benutzerdefinierte Designs anwenden.

Sie können Designs für eingebettete Dashboards, eingebettete Explores und das Bearbeitungsfenster für Kacheln in einem eingebetteten Dashboard auf der Seite Designs im Bereich Plattform des Bereichs Verwaltung definieren.

Auf dieser Seite wird Folgendes beschrieben:

Voraussetzungen

Wenn Sie Designs in Ihrer Looker-Instanz verwalten möchten, müssen Sie die folgenden Anforderungen erfüllen:

  • Wenn Ihre Instanz eine Looker (Original)-Instanz ist, muss die Funktion, mit der Sie Themen für eingebettete Dashboards, Looks und Explores anpassen können, von Looker aktiviert werden. Wenden Sie sich an einen Google Cloud Vertriebsspezialisten, um Ihre Lizenz für diese Funktion zu aktualisieren.
  • Wenn es sich bei Ihrer Instanz um eine Looker (Google Cloud Core)-Instanz handelt, sind eingebettete Designs für die Enterprise- und Embed-Versionen verfügbar, nicht jedoch für die Standard-Version.
  • Ihr Looker-Nutzer muss die Administratorrolle oder die Berechtigung manage_themes haben.

Standarddesign

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

Die Looker-Designeinstellungen, die Sie sehen können, wenn Sie neben dem Design auf die Schaltfläche Ansehen 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 sowohl für eingebettete Dashboards als auch für eingebettete Explores.

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

In 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 sind empfehlenswert, da sie sowohl in Browsern als auch beim Rendern von Bildern verfügbar sind. In Looker wird die erste Schriftart in der Liste der Schriftfamilien verwendet, 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 Zeichen leicht modifiziert, damit sie besser in die Grenzen visueller Komponenten passen.
Schriftartquelle Keine

Dashboard-Seite

Name der Einstellung Wert
Farbsammlung Keine
Hintergrundfarbe #f6f8fa

Dashboardkacheln

Name der Einstellung Wert
Titelfarbe #3a4245
Textfarbe #3a4245
Textfarbe Keine
Hintergrundfarbe #ffffff
Ausrichtung des Titels Mitte

Steuerelemente für Dashboards

Name der Einstellung Wert
Dashboardtitel anzeigen Ja
Filterleiste anzeigen Ja

Explore-Seite

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

Look-Seite

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

Im Folgenden sehen Sie Beispiele für ein Dashboard, das Bearbeitungsfenster einer Dashboardkachel und einen Explore-Bereich mit dem Looker-Design.

Beispiel für ein Dashboard mit dem Looker-Design

Ein eingebettetes Looker-Dashboard mit dem Looker-Standarddesign.

Beispiel für ein Bearbeitungsfenster für Dashboardkacheln mit dem Looker-Design

Das Dialogfeld „Tile bearbeiten“ in einem eingebetteten Looker-Dashboard mit dem Standarddesign von Looker.

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

Ein eingebettetes Looker-Explore mit dem Looker-Standarddesign.

So werden Designs und Einbettungseinstellungen angewendet

Sie können die Darstellung eines eingebetteten Dashboards oder einer eingebetteten Exploration mithilfe von benutzerdefinierten Designs und URL-Argumenten ändern. Wenn ein eingebettetes Dashboard oder Explore angezeigt wird, 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 theme-Argument der URL angegeben ist (falls vorhanden).
  3. Wendet Eigenschaften an, die im _theme-URL-Argument angegeben sind, sofern vorhanden (nur für Dashboards).

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

Beim URL-Argument _theme werden jedoch nur die Elemente, die im Argument _theme angegeben sind, durch Elemente aus den anderen Designs oder aus den Einbettungseinstellungen überschrieben. Die übrigen 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 Filter anzeigen in den Einbettungseinstellungen oder in einem benutzerdefinierten Design aktiviert haben. Die anderen Einstellungen aus dem benutzerdefinierten Design oder den Einbettungseinstellungen werden jedoch weiterhin verwendet.

Beim Herunterladen von Dashboards wird das angewendete benutzerdefinierte Design berücksichtigt.

Benutzerdefiniertes Design erstellen

Wenn Sie ein benutzerdefiniertes Design erstellen möchten, wählen Sie Design hinzufügen aus:

Die Schaltfläche „Design hinzufügen“ wird oben auf der Seite „Designs“ angezeigt.

Fügen Sie als Nächstes auf der Seite Neues Design Stil- und Farbspezifikationen für jede gewünschte Einstellung hinzu.

Mit Ausnahme des Titels des Designs, der eindeutig sein muss, werden alle Felder automatisch mit den Werten aus dem Standarddesign 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 für das Design muss eindeutig sein und darf nur alphanumerische Zeichen und Unterstriche enthalten. Wenn Sie Leerzeichen im Namen des Designs 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 Schaltflächen und Filtersteuerungen verwendet. In Explores wird diese Farbe für Links und Symbole in der Feldauswahl, primäre Schaltflächen, Banner und Akzente verwendet.

Textfarbe: Der Hexadezimalcode für den Text in Explores und Dashboards.

Hintergrundfarbe: Der hexadezimale Farbcode für den Hintergrund von Übersichts- und Dashboardseiten.

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

  • Wenn Sie eine gängige webfähige 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 Schriftartnamen in das Feld Schriftfamilie ein und geben Sie dann im Feld Schriftartquelle, das als Nächstes beschrieben wird, eine URL zur Definition der Schriftart an, die Sie verwenden möchten.

Schriftartquelle: Lassen Sie dieses Feld leer, sofern Sie keine benutzerdefinierte Schriftart verwenden möchten, die keine gängige webfähige 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 .woff-Datei (Web Open Font Format), 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 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

Im folgenden Beispiel sehen Sie ein eingebettetes Explore mit einem benutzerdefinierten Thema. Die Schlüsselfarbe ist auf #e82042 und die Schriftfamilie auf Verdana festgelegt.

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

Eine eingebettete Explore-Ansicht, in der die Farbe #e82042 auf die Schaltfläche „Hinzufügen“, die Schaltfläche „Zu LookML“, die Schaltfläche für das Zahnradmenü und die Titel der Schnellstartanalysen angewendet wird.

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

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

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

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

Das Dialogfeld „Kachel bearbeiten“ in einem eingebetteten 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 entsprechend den Paletten in der Sammlung eingefärbt. So sind die Farben der Datenreihen im gesamten Dashboard aufeinander abgestimmt.

  • Wenn Sie einem eingebetteten Design eine Farbsammlung zuweisen, wird die Farbsammlung des Designs durch jede Farbsammlung überschrieben, die zuvor einer Kachel zugewiesen wurde. Die Farbsammlung 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 Textkacheln.

Rand oben: 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.

Rand unten: Optional können Sie einen bestimmten Wert für den Rand unten in einem Dashboard 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 Seitenrand 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:

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

  • Text im Dashboard, einschließlich Legenden in Visualisierungen
  • Untertitel und Textkörper von Markdown-Kacheln, mit Ausnahme von Text der Überschriftsebene 1
  • Überschriftsebene 1, Überschriftsebene 2 und normaler Text auf Textkacheln
  • Kachelsymbole in Einzelwertvisualisierungen

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

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

Hintergrundfarbe: Der hexadezimale Farbcode für den Hintergrund aller Kacheln mit Ausnahme von Textkacheln. Für Textkacheln wird dieselbe Hintergrundfarbe wie für das Dashboard verwendet. Diese wird im Bereich Dashboard-Seite mit Hintergrundfarbe festgelegt.

Titelausrichtung: Legen Sie die Ausrichtung von Kacheltiteln auf „Links“, „Rechts“ oder „Zentriert“ fest.

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

Schatten: Mit der CSS-Syntax können Sie einen Schatten um Dashboard-Kacheln erstellen. Sie können einen vordefinierten Schlagschatten auswählen oder einen benutzerdefinierten Schlagschatten erstellen. Wenn Sie einen benutzerdefinierten Schlagschatten erstellen möchten, geben Sie die gewünschten horizontal-offset vertical-offset blur-radius spread-radius color ein und wählen Sie Benutzerdefiniertes Styling eingeben aus, um die Einstellungen zu übernehmen. Rechts wird eine Vorschau der Einstellungen für den Schlagschatten angezeigt.

Spaltenabstandsgröße: Optional können Sie die Größe des Abstands zwischen den Spalten von Dashboard-Kacheln aus einer Reihe vordefinierter Größen in Pixeln anpassen.

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

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

Dashboard-Steuerelemente

Dashboard-Kopfzeile anzeigen: Deaktivieren Sie diese Option, um die gesamte Dashboard-Kopfzeile einschließlich aller Dashboard-Filter und ‑Steuerelemente auszublenden. Wenn diese Option deaktiviert ist, werden alle anderen Optionen für die Dashboard-Steuerung deaktiviert.

Dashboardtitel anzeigen: Aktivieren Sie das Kästchen, um den Titel des Dashboards anzuzeigen.

Titel des mittleren Dashboards: Wenn Sie dieses Kästchen anklicken, wird der Dashboardtitel zentriert im Dashboard angezeigt. Wenn diese Option nicht aktiviert ist, wird der Dashboard-Titel linksbündig ausgerichtet. Diese Option ist nur verfügbar, wenn die Option Dashboardtitel anzeigen aktiviert wurde.

Filterleiste anzeigen: Wenn Sie das Kästchen anklicken, wird die Filterleiste oben im Dashboard angezeigt. Wenn diese Option nicht ausgewählt ist, wird die Option Ein/Aus-Schaltfläche für Filter einblenden deaktiviert und das Symbol für Dashboardfilter wird ausgeblendet.

Schaltfläche „Filter einblenden“: Aktivieren Sie das Kästchen, um das Symbol für Dashboard-Filter einzublenden.

Indikator für „Zuletzt aktualisiert“ des Dashboards anzeigen: Setzen Sie ein Häkchen, um den Indikator für „Zuletzt aktualisiert“ des Dashboards anzuzeigen.

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

Dashboardmenü anzeigen: Setzen Sie ein Häkchen, um das Drei-Punkte-Menü des Dashboards anzuzeigen. Wenn diese Option deaktiviert ist, sind keine Menüoptionen für das Dashboard 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, des Indikators für den letzten Lauf, der Zeitzone der Daten, der Schaltfläche Ausführen und des Zahnradmenüs Explore-Aktionen.

Anzeigename: Deaktivieren Sie diese Option, um den Titel eines eingebetteten Explorations zu verbergen.

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

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

Schaltfläche „Ausführen“ anzeigen: Wenn Sie diese Option deaktivieren, wird die Schaltfläche Ausführen in einem eingebetteten Explore ausgeblendet.

Schaltfläche „Aktionen“ anzeigen: Deaktivieren Sie diese Option, um das Zahnradmenü „Aktionen untersuchen“ 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, des Indikators für den letzten Lauf, der Zeitzone der Daten, der Schaltfläche Ausführen und des Zahnradmenüs Look-Aktionen.

Anzeigetitel: 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.

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

Schaltfläche „Aktionen“ anzeigen: Deaktivieren Sie diese Option, um das Zahnradmenü „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 das neue Design standardmäßig mit dem Namen des kopierten Designs und der Endung „(Kopie)“ benannt. Ändern Sie diesen Namen manuell in einen neuen, eindeutigen Namen, der nur alphanumerische Zeichen und Unterstriche enthält, und entfernen Sie die Klammern.

Die restlichen Einstellungen können Sie genauso bearbeiten wie beim Erstellen eines neuen Designs. Eine Beschreibung der Einstellungen finden Sie oben. Klicken Sie auf Speichern, damit alle Theme-Einstellungen beibehalten werden.

Design bearbeiten

Das Looker-Design wird automatisch in 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 die zugehörige Schaltfläche Bearbeiten auswählen, um die Designeinstellungen zu aktualisieren.

Sie können die Einstellungen genauso bearbeiten wie beim Erstellen eines neuen Designs. Eine Beschreibung der Einstellungen finden Sie oben. Wählen Sie Speichern aus, um Ihre Änderungen zu speichern.

Design löschen

Sie können jedes Design löschen, mit Ausnahme des Designs Looker 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, in deren URL dieses Design angegeben ist, das Standarddesign verwendet.

Standarddesign für eingebettete Dashboards und Explores festlegen

Benutzerdefinierte Designs werden in eingebetteten Looks nicht unterstützt. Benutzerdefinierte Themen 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 keine anderen Einstellungen für ein einzelnes Dashboard oder Explore angeben. Weitere Informationen dazu, wie Designs und Einbettungseinstellungen auf ein eingebettetes Dashboard oder eine eingebettete Explore angewendet werden, finden Sie im Abschnitt Designs und Einbettungseinstellungen anwenden auf dieser Seite.

Design auf bestimmte eingebettete Dashboards und Explores anwenden

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

Wenn Sie für ein Dashboard oder einen Explore ein anderes als das Standarddesign verwenden möchten, können Sie ein anderes Design in der URL des eingebetteten Dashboards oder Explore 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 theme=Red am Ende der URL für das eingebettete Dashboard hinzu:

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

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

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

_theme-URL-Argument zum Anwenden einzelner Elemente des Dashboard-Designs

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 Ihres 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 Designattribute anzugeben:

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

Farbwerte müssen in Anführungszeichen stehen und können mit dem Farbnamen oder mit dem hexadezimalen Farbcode angegeben werden. Wenn Sie einen Hexadezimalcode verwenden, müssen Sie die URL-codierte Version des #-Zeichens verwenden, also %23. Beide URL-Argumente geben beispielsweise die Farbe Rot an:

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

Bei der Verwendung des _theme-Objekts für ein eingebettetes Dashboard sollten Sie Folgendes beachten:

  • Alle Elemente, die im URL-Argument _theme angegeben sind, überschreiben die Einstellungen für dieses Element in jedem anderen Theme. Das _theme-Argument ist daher eine praktische Möglichkeit, Themen zu verfeinern oder Einstellungen einzubetten. Angenommen, Sie haben ein benutzerdefiniertes Design, in dem die Filterleiste ausgeblendet ist. Es gibt aber ein Dashboard, in dem die Filterleiste angezeigt werden soll. Sie können das benutzerdefinierte Design für Ihr Dashboard verwenden und dann das Argument _theme={"show_filters_bar":true} in die URL des eingebetteten Dashboards einfü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 So werden Designs und Einbettungseinstellungen angewendet auf dieser Seite.
  • Bei Programmierskripten 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.