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:


<h3 style="font-size:medium">
    <strong>{UCR_Type}</strong>
</h3>
<p style="font-size:12px">&#128344; {DISPATCH_DATE_TIME}</p>
<p style="font-size:12px">&#128204; {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.

Feldnamen

Sie können den Elementen im Texteditor auch Feldnamen hinzufügen. Zur Laufzeit werden die Werte in den referenzierten Feldern im Dashboard angezeigt und dynamisch aktualisiert. Dazu können Sie den Feldnamen direkt in die HTML-Quelle eingeben. Bei einigen Elementen wie Listen können Feldnamen in den HTML-Code eingefügt werden, indem auf Einfügen Insert geklickt und ein Feldname aus der Dropdown-Liste ausgewählt wird.

Dropdown-Liste für Feldnamen
Die Schaltfläche Einfügen wird im Rich-Text-Editor nur angezeigt, wenn Feature-Attribute verfügbar sind. Einfügen wird beispielsweise beim Konfigurieren des Titels oder der Beschreibung eines Elements nicht angezeigt.


In diesem Thema
  1. HTML-Symbole
  2. Feldnamen