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
- Looker-Standarddesign
- So werden Designs auf eingebettete Dashboards und Explores angewendet
- Benutzerdefiniertes Design erstellen, kopieren, bearbeiten und löschen
- Standarddesign für Dashboards und Explores festlegen
- Anderes Design als das Standarddesign auf ausgewählte Dashboards und Explores anwenden
_theme
-URL-Argument zum Auswählen von Dashboard-Designelementen verwenden
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
- Allgemein
- Seite „Dashboard“
- Dashboardkacheln
- Dashboard-Steuerelemente
- Seite „Entdecken“
- Look-Seite
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
Beispiel für ein Bearbeitungsfenster für Dashboardkacheln mit dem Looker-Design
Beispiel für eine Explore-Seite mit dem Looker-Design
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:
- Beginnt mit den Einstellungen des Standarddesigns
- Wendet Einstellungen aus dem benutzerdefinierten Design an, das im
theme
-Argument der URL angegeben ist (falls vorhanden). - 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:
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:
Nachdem ein Explore ausgeführt wurde, werden der Umriss und der Text der Schaltfläche Ausführen in der angegebenen Schlüsselfarbe #e82042
angezeigt:
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:
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:
- Dashboardtitel
- Titel von Dashboard-Tiles
- Titel und Text der Überschrift 1 von Markdown-Kacheln
- Textfarbe von Einzelwert-Visualisierungen
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.