Leinwandlayouts für unterschiedliche Bildschirmgrößen entwerfen

Sie können Leinwandlayouts für Geräte mit unterschiedlichen Größen entwerfen und den Inhalt für den Browser in jeder Bildschirmgröße optimieren.

Themen:

Leinwandlayouts für die Anzeige auf Geräten mit unterschiedlichen Bildschirmgrößen entwerfen

Sie können Leinwandlayouts für Geräte mit unterschiedlichen Größen entwerfen und den Inhalt im Browser optimieren, z.B. auf Mobilgeräten, Tablets oder Laptops.

Leinwandlayouts für unterschiedliche Bildschirmgrößen optimieren

Wenn Sie eine Arbeitsmappe auf Geräten mit unterschiedlichen Größen öffnen, passt sich die Bildschirmgröße der Leinwand an die des Browsers an. Dazu werden die Standardeinstellungen des Browsers herangezogen. Wenn Sie die Größe des Browsers verringern, können Sie die Details in Visualisierungen unter Umständen nicht mehr sehen. Beispiel: Die Daten in einem Streudiagramm oder einer Heatmap oder der Großteil der Kennzahldaten in einer Kachelvisualisierung können dann schwer zu lesen sein, sodass Sie wichtige Informationen übersehen.

Wenn Sie die Leinwand in einem Browser verkleinern, können Visualisierungen zu klein werden, um die Daten richtig zu lesen.
Diese Abbildung zeigt einen verkleinerten Leinwandbildschirm in einem Browser. Hier sind einige Visualisierungen zu klein, um die Daten richtig lesen zu können.

Autoren können Leinwand-Breakpoints entwerfen, damit das Rendering von Visualisierungen sich an die neue Bildschirmgröße anpasst, wenn diese verkleinert wird. Beispiel: Wenn die verfügbare Bildschirmgröße zu klein für eine ganze Visualisierung ist, können Sie die Visualisierung neu anordnen oder ausblenden, damit sie besser mit der kleineren Bildschirmgröße funktioniert. Sie geben unterschiedliche Leinwand-Bildschirmgrößen und -layouts mit Leinwand-Breakpoints an. Dabei steht jeder Breakpoint für eine andere Anordnung von angezeigten Visualisierungen für jede Bildschirmgröße.

Ein Breakpoint für eine optimierte Leinwand für eine kleinere Bildschirmgröße enthält Visualisierungen, die speziell für die Anzeige auf dem kleineren Gerät angeordnet wurden.
Diese Abbildung zeigt eine optimierte Visualisierung, die mit einem Breakpoint für ein Gerät mit einer kleineren Bildschirmgröße erstellt wurde.

Mit einem Schieberegler können Sie Bildschirmgrößen für Benutzer definieren, die Leinwände auf Geräten mit unterschiedlichen Größen anzeigen. Beispiel: Sie können die Anzeige der Visualisierungen ändern, indem Sie ihre Position, Größe oder Sichtbarkeit auf der Leinwand bearbeiten.

Wenn Sie einen Breakpoint zu einer Leinwand hinzufügen, bestimmt die Breakpoint-Bildschirmgröße, wie Visualisierungen auf dieser Bildschirmgröße angezeigt werden. Sie können Visualisierungen für einen Leinwand-Breakpoint neu positionieren, skalieren oder entfernen, um ihre Anzeige zu optimieren. Sie können unterschiedliche Visualisierungskonfigurationen für jeden Breakpoint angeben. Die Unterschiede für jeden Breakpoint werden Benutzern nur angezeigt, wenn die Auflösung des Browserbildschirms mit der Breakpoint-Bildschirmgröße übereinstimmt, für die die Änderungen vorgenommen werden.

Leinwandlayouts für unterschiedliche Geräte entwerfen

Sie können Leinwand-Breakpoints erstellen, um zu bestimmen, wie Visualisierungen auf Geräten mit verschiedenen Bildschirmgrößen für Nutzer angezeigt werden. Beispiel: Sie können unterschiedliche Breakpoints festlegen, um die Anzeige auf dem Browser eines Mobilgeräts, einem Tablet oder einem Laptop zu optimieren.

Tutorialsymbol Tutorial

  1. Zeigen Sie auf der Homepage mit der Maus auf eine Arbeitsmappe, klicken Sie auf Aktionen, und wählen Sie Öffnen aus.
  2. Klicken Sie auf Bearbeiten, um die Arbeitsmappe zum Bearbeiten zu öffnen.
  3. Blenden Sie die Leinwand auf die maximale Größe ein, setzen Sie unter Leinwandeigenschaften das Layout auf "Automatisch anpassen", und klicken Sie auf OK.
  4. Klicken Sie im Footer auf Responsiver Leinwandeditor, um den Editor zu öffnen, in dem Sie Breakpoints für die Anzeige der Leinwand auf verschiedenen Geräten definieren können.
    Responsiver Leinwandeditor

  5. Legen Sie einen Leinwand-Breakpoint fest:
    • Breakpoint an der aktuellen Schiebereglerposition hinzufügen: Klicken Sie auf den Schieberegler, und ziehen Sie ihn zu dem Pixelwert für die Bildschirmgröße, die Sie für diesen Breakpoint verwenden möchten:
      Ziehen Sie den Schieberegler zur erforderlichen Breite (in Pixel angezeigt).

      . Klicken Sie anschließend auf Breakpoint hinzufügen Klicken Sie auf das Symbol "Breakpoint hinzufügen", um einen Breakpoint an der Position des Schiebereglers hinzuzufügen., um den Breakpoint an der aktuellen Schiebereglerposition hinzuzufügen.
    • Wert für einen Breakpoint manuell eingeben: Klicken Sie auf Menü des responsiven Leinwandeditors öffnen, klicken Sie auf Breakpoint hinzufügen, und geben Sie im Feld Position eine Zahl für die gewünschte Position dieses Breakpoints ein.
      Position zum Hinzufügen eines Breakpoints manuell eingeben

  6. Wiederholen Sie die vorherigen Schritte, um weitere Leinwand-Breakpoints zu definieren.
  7. Schließen Sie Visualisierungen für jeden Leinwand-Breakpoint ein oder aus:
    • Klicken Sie mit der rechten Maustaste auf den Leinwand-Breakpoint, den Sie verwalten möchten (Ein Leinwand-Breakpoint und sein Marker), und klicken Sie auf Breakpoint verwalten.
      Im Dialogfeld "Breakpoint verwalten" können Sie Visualisierungen für diesen Leinwand-Breakpoint ein- oder ausschließen.

    • Klicken Sie auf eine Visualisierung in der Liste, die in der Leinwand für diesen Breakpoint aus- oder eingeschlossen werden soll, und klicken Sie auf OK.
      Im Dialogfeld "Breakpoint verwalten" können Sie Visualisierungen und Dashboard-Filter für die Leinwand dieses Breakpoints ein- oder ausschließen.

  8. Optional: Erstellen Sie eine Visualisierung, und fügen Sie sie einem Breakpoint hinzu, indem Sie Daten im Bereich "Daten" auswählen und der Leinwand hinzufügen.
    Die neue Visualisierung wird nur dem aktuellen Breakpoint hinzugefügt. Sie können die Visualisierung jedoch auch anderen Breakpoints der Leinwand hinzufügen, indem Sie sie in der Liste im Dialogfeld "Breakpoint verwalten" für diesen Breakpoint auswählen.
  9. Optional: Optimieren Sie die Anzeige von Visualisierungen für einen Leinwand-Breakpoint.
    Möglicherweise sollten Sie den Inhalt für die Anzeige auf einem kleineren Gerät, wie einem Mobiltelefon, optimieren.
    • Visualisierungen neu anordnen: Klicken Sie auf Visualisierungen, und ziehen Sie sie an eine neue Position.
    • Visualisierungen optimieren: Im Bereich "Eigenschaften" können Sie unnötigen Inhalt, wie z.B. Titel oder Legende, ausblenden.
    Wenn Sie Visualisierungen für einen Breakpoint optimieren, gelten diese Änderungen nicht für andere Breakpoints der Leinwand.
  10. Klicken Sie auf Speichern.