Projektelemente

Dieser Abschnitt bietet zusätzliche Widgets, um Ihr Dashboard abzurunden: Text, Trennelement, Bild, Tabs und Links. Ziehen Sie das Widget per Drag & Drop auf ein Panel.

Text

Fügen Sie Text zu Ihrem Dashboard hinzu. Sie können ihn mit den erscheinenden Schaltflächen anpassen:

• Gestalten Sie Ihren Text mit verschiedenen Überschriften, Listen oder Code-Blöcken.
• Fügen Sie fett, kursiv, unterstrichen, durchgestrichen (Lorem ipsum), tiefgestellt (X₁) oder hochgestellt (X¹) zu Ihrem Text hinzu.
• Ändern Sie die Ausrichtung, fügen Sie Links hinzu, passen Sie die Buchstabenfarbe an oder fügen Sie Hervorhebungen hinzu.

Trennelement

Das Trennelement-Widget fügt eine horizontale Linie zu Ihrem Dashboard hinzu, die verwendet werden kann, um verschiedene Abschnitte oder Elemente innerhalb des Dashboards visuell zu trennen.

Bild

Laden Sie ein Bild von Ihrem Computer in Ihr Dashboard hoch. Unter Info können Sie eine Beschreibung hinzufügen, die unterhalb des Bildes angezeigt wird, sowie einen Alternativer Text für die Barrierefreiheit. Aktivieren Sie Innenabstand unter Optionen, um einen inneren Abstand um das Bild hinzuzufügen.

Tabs

Das Tabs-Widget gruppiert andere Widgets desselben Panels in Tab-Ansichten, sodass Betrachter zwischen ihnen wechseln können, ohne zu scrollen.

1

Ziehen Sie das Tabs-Widget per Drag & Drop auf ein Panel. Fügen Sie zuerst andere Widgets zum selben Panel hinzu, damit sie zur Zuweisung verfügbar sind.

2

Unter Info fügen Sie einen Titel für das Widget hinzu.

3

Unter Tabs & Widgets wird jeder Tab mit seinem Namen und der Widget-Anzahl aufgelistet. Klicken Sie auf einen Tab, um ihn zu erweitern:

• Verwenden Sie das Dropdown Widget zu diesem Tab hinzufügen..., um Widgets aus demselben Panel zuzuweisen. Jedes Widget kann jeweils nur einem Tab zugewiesen werden.
• Ziehen Sie das gepunktete Symbol, um zugewiesene Widgets neu anzuordnen. Verwenden Sie das ⋮-Menü, um ein Widget aus dem Tab zu entfernen.
• Klicken Sie auf das Löschen-Symbol eines Tabs, um ihn zu entfernen (verfügbar, wenn mehr als ein Tab vorhanden ist).

4

Klicken Sie auf die +-Schaltfläche, um einen neuen Tab hinzuzufügen.

5

Aktivieren Sie Volle Breite, damit die Tab-Leiste die gesamte Panel-Breite einnimmt.

Links

Das Links-Widget zeigt eine Reihe von beschrifteten Links oder Popup-Auslösern an – nützlich für Navigation, Referenzen oder kontextbezogene Informationen.

1

Ziehen Sie das Links-Widget per Drag & Drop auf ein Panel.

2

Unter Info fügen Sie einen Titel und eine optionale Beschreibung hinzu.

3

Unter Links hat jedes Element einen URL / Popup-Schalter:

• URL — geben Sie eine Bezeichnung und eine Ziel-URL ein.
• Popup — geben Sie eine Bezeichnung ein und klicken Sie auf Popup konfigurieren, um Popup-Typ (Tooltip, Popup oder Dialog), Popup-Platzierung, Größe (Klein, Mittel oder Groß) und den Popup-Inhalt (Markdown unterstützt) festzulegen.

Ziehen Sie Elemente, um sie neu anzuordnen. Klicken Sie auf das ×-Symbol, um einen Link zu löschen.

4

Klicken Sie auf Link hinzufügen, um ein weiteres Element hinzuzufügen.

5

Unter Optionen:

• Trennzeichen — visueller Trenner zwischen Links: Vertikaler Strich, Punkt oder Strich.
• Zusatztext — zusätzlicher Text neben den Links (z.B. ein Copyright-Hinweis).

Tipp

Schauen Sie sich unsere Galerie für weitere Dashboard-Inspirationen an.