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	Wechseln Sie zur Registerkarte Dashboards , und klicken Sie mit der rechten Maustaste in die Dashboard-Elementliste.
2	Wählen Sie Neues HTML-Panel und dann die Tabelle aus, aus der Sie die Daten im HTML-Panel verwenden möchten. Der Dashboard-Elementliste wird ein neuer HTML-Bereich hinzugefügt.
3	Wechseln Sie zur Registerkarte HTML-Panel und klicken Sie im Panel Allgemein auf expression .
4	Geben Sie einen Ausdruck ein, der den gewünschten HTML-Code enthält, und klicken Sie auf OK. Ein Beispiel finden Sie in der Abbildung unten.

Das Ergebnis des Ausdrucks muss ein Text -Wert sein, der zum Inhalt des HTML-Panels wird. Um Informationen aus den Daten (z. B. die Anzahl der Rechnungen) in das HTML-Panel zu erhalten, müssen sie in eine Textform konvertiert werden, z. B. mithilfe der Funktion displaytext .

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

Inline-Stil-Tags

Da der aus dem HTML-Panel 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 Eigenschaft innerHTML . Verwenden Sie Inline-Stil-Tags, um die Darstellung so anzupassen, dass 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-Panels wird nicht empfohlen und wird nicht unterstützt.

Wenn Sie die Inline-Stile verwenden, 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 sich an das Erscheinungsbild der Plattform anpasst und sich automatisch an Änderungen im UiPath Process Mining -Design 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.