HTML-Bereiche

Einleitung

Ein HTML-Panel ist ein flexibles Element, mit dem der Anwendung benutzerdefinierte visuelle Elemente hinzugefügt werden können.

Neben anderen Visualisierungen wie Diagrammen und dem Prozessdiagramm muss ein Dashboard häufig erklärende Texte, Bilder oder einfache KPIs anzeigen. Dies kann mithilfe von HTML-Panels erfolgen.

In der Abbildung unten finden Sie ein Beispiel für HTML-Panels, die KPIs in einem Dashboard anzeigen.

Führen Sie diese Schritte aus, um ein HTML-Panel zu erstellen.

Schritt	Aktion
1	Go to the Dashboards tab and right click in the Dashboard item list.
2	Wählen Sie Neues HTML-Panel und dann die Tabelle, aus der Sie die Daten im HTML-Panel verwenden möchten. Der Dashboard-Elementliste wird ein Neues HTML-Panel hinzugefügt.
3	Wechseln Sie zur Registerkarte HTML- Bereich und klicken Sie im Bereich Allgemein auf expression .
4	Geben Sie einen Ausdruck mit dem gewünschten HTML-Code ein und klicken Sie auf OK. Ein Beispiel finden Sie in der Abbildung unten.

Das Ergebnis des Ausdrucks muss ein Textwert sein, der zum Inhalt des HTML-Bereichs wird. Um Informationen aus den Daten (z. B. die Anzahl der Rechnungen) in das HTML-Panel abzurufen, müssen diese in eine Textform konvertiert werden, z. B. mit der Funktion displaytext .

Hinweis:

Berechnungen von Ausdrücken in HTML-Bereichen werden ähnlich wie aggregierte Ausdrücke ausgewertet, bei denen Werte auf Stammebene einer Tabelle berechnet werden.

Inline-Stil-Tags

Da der aus dem HTML-Bereich generierte HTML-Code in den HTML-Code für die gesamte Webseite eingefügt wird, sollte der Ausdruck kein vollständiges HTML-Dokument sein, sondern nur die innerHTML-Eigenschaft. Verwenden Sie Inline-Stil-Tags, um die Darstellung anzupassen, sodass auf jedes HTML-Element ein eindeutiger Stil angewendet wird.

Beispielsweise durch die Verwendung des Attributs „style“ mit darin definierten CSS-Eigenschaften.

<div style="font-size:20px;color:HotPink">
This text is Hot Pink.
</div>

Wichtig:

Jedes (Nicht-Inline-)CSS, das in einem HTML-Panel verwendet wird, kann sich auf andere Elemente auf der Seite auswirken. Das Anpassen von Elementen der Seite außerhalb des HTML-Bereichs wird nicht empfohlen und wird nicht unterstützt.

Bei Verwendung der Inline-Stile können Sie die von der UiPath Process Mining- Plattform angegebenen Standardstile verwenden, z. B. die benutzerdefinierte Schriftart, die von der UiPath Process Mining- Plattform verwendet wird. Auf diese Weise können Sie ein HTML-Panel erstellen, das zum Erscheinungsbild der Plattform passt und automatisch an Änderungen im UiPath Process Mining- Thema anpasst.

Tooltip

Eine benutzerdefinierte QuickInfo kann dem HTML-Panel mithilfe des Attribut-Tags data-tooltip hinzugefügt werden. Text im Daten-Tooltip wird automatisch HTML-sicher gemacht, dh Sonderzeichen wie „<“ oder „&“ werden durch ihre HTML-Gegenstücke ersetzt; '<' oder '&'.

Wenn Sie die HTML-Formatierung in die QuickInfo einschließen möchten, verwenden Sie stattdessen data-tooltip-html .

Flucht

Beim Schreiben von HTML oder anderem Text, der viele Escaping-Elemente erfordert, können Sie die Anzahl der Escaping-Elemente reduzieren, indem Sie <<<< und >>>> verwenden. Jeder Text, der im Ausdrucks-Editor zwischen vier spitzen Klammern platziert wird, wird als Textwert behandelt, einschließlich aller Zeilenumbrüche.

Iframe mit einer Daten-URL

Eine Alternative zur Verwendung von Inline-Stilen ist die Verwendung eines Iframes mit einer Daten-URL.

Hinweis:

Von der UiPath Process Mining-Plattform angegebene Standardstile sind nicht verfügbar, wenn Sie die Option <iframe> verwenden.

Auswählbarer Text

Wenn Sie Text in einem HTML-Panel auswählbar machen möchten, sollten Sie user-select: text hinzufügen; im Textstil, der auswählbar sein soll. Verwenden Sie nicht class="enableTextSelection" , da dies eine softwareinterne Klasse ist.