Verwenden von HTML

Sie können das Aussehen eines Dashboards durch die effektive Verwendung von HTML optimieren. Das Element Rich-Text sowie das Titel- und Beschreibungsfeld des jeweiligen Elements umfassen einen WYSIWYG-Texteditor, der gängige Formatierungsoptionen aus der Textverarbeitung bietet. Über eine Kombination von Rich Text, Feldnamen, Links und anderem unterstützten HTML-Code können Sie auch erweiterte Formatierungen einbinden.

Um eine komplexere HTML-Formatierung wie Webinhalts-Tags einzubinden, klicken Sie im Text-Editor auf Quelle Source, und geben Sie den HTML-Code ein.

Die folgende Liste wurde beispielsweise mit benutzerdefiniertem HTML-Code erweitert. Die erste Zeile in jedem Listenelement wurde fett formatiert und vergrößert. Die zweite und dritte Textzeile weisen jeweils HTML-Symbole auf.

Liste mit benutzerdefiniertem HTML-Code

Zum Erstellen der Liste wurde der folgende HTML-Code verwendet:


<p><span style="font-size:20px"><strong>
{field/TEXT_GENERAL_CODE}</strong></span></p>
<p>&#128344;{field/DISPATCH_DATE_TIME}</p>
<p>&#128204;{field/LOCATION_BLOCK}</p>

HTML-Symbole

HTML-Symbole können das Aussehen Ihres Dashboards verbessern und bei Bedarf Kontext bereitstellen. Beispiel: Sie können einen Indikator konfigurieren, der Dreiecke anzeigt, damit Sie leicht erkennen können, ob eine Anzahl im Vergleich mit der Vorwoche zugenommen oder abgenommen hat.

Indikator mit HTML-Symbolen

Um in ein Element ein HTML-Symbol aufzunehmen, das auf der Tastatur nicht verfügbar ist, können Sie das Symbol von einer anderen Stelle direkt in den Rich-Text-Editor oder in andere Textfelder, beispielsweise die Texteinstellungen im Indikator, kopieren. Alternativ können Sie den Dezimal- (dec) oder Hexadezimal-Referenzcode (hex) des Symbols an diesen Stellen eingeben. Beispiel: Um das nach oben weisende Dreieck (▲) aufzunehmen, können Sie dessen dec-Code &#9650; oder hex-Code &#x25B2; verwenden.

Dynamischer Text

Sie können den Elementen im Texteditor auch dynamischen Text wie z. B. Feldnamen hinzufügen. Zur Laufzeit werden die Werte in den referenzierten Feldern im Dashboard angezeigt und dynamisch aktualisiert. Hierzu geben Sie den Feldnamen direkt in den HTML-Quelltext ein, oder Sie klicken auf Einfügen Insert, und wählen einen Feldnamen oder andere dynamische Textoptionen aus der Dropdown-Liste aus.

Text-Editor