UiPath Documentation
process-mining
2021.10
true
重要 :
请注意,此内容已使用机器翻译进行了部分本地化。 新发布内容的本地化可能需要 1-2 周的时间才能完成。
UiPath logo, featuring letters U and I in white

Process Mining 用户指南

上次更新日期 2026年4月23日

HTML 面板

简介

HTML 面板是一个灵活的元素,可用于向应用程序添加自定义可视元素。

在图表和流程图等其他可视化效果旁边,仪表板通常需要显示说明性文本、图像或简单的 KPI。 这可以通过使用 HTML 面板来完成。

有关在仪表板上显示 KPI 的 HTML 面板示例,请参见下图。

文档图像

请按照以下步骤创建 HTML 面板。

步骤操作
1Go to the Dashboards tab and right click in the Dashboard item list.
2选择“新建 HTML”面板,然后在 HTML 面板中选择要使用其中数据的表。“新建 HTML”面板随即添加到仪表板项目列表中。
3转到“HTML” 面板选项卡,然后单击“常规”面板中的expression
4输入包含所需 HTML 代码的表达式,然后单击“确定” 。有关示例,请参见下图。

文档图像

表达式的结果必须是文本值,该值将成为 HTML 面板的内容。要将数据中的信息(例如发票数量)获取到 HTML 面板中,需要将其转换为文本形式,例如使用displaytext函数。

备注:

HTML 面板中表达式计算的求值方式与聚合表达式类似,其中的值是在表格的根级别计算的。

内联样式标签

由于系统会将“HTML”面板生成的 HTML 插入到完整网页的 HTML 中,因此表达式不应是完整的 HTML 文档,而应仅是 innerHTML 属性。使用内联样式标签自定义外观,以将唯一的样式应用于每个 HTML 元素。

例如,将“样式”属性与其中定义的任何 CSS 属性一起使用。

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

HTML 面板中使用的任何(非内联)CSS 都可能影响页面上的其他元素。不建议也不支持在 HTML 面板外自定义页面元素。

使用内联样式时,可以使用UiPath Process Mining平台指定的默认样式,例如UiPath Process Mining平台使用的自定义字体。这使您可以创建一个符合平台外观的 HTML 面板,并自动适应UiPath Process Mining主题的更改。

工具提示

可以使用data-tooltip属性标签将自定义工具提示添加到 HTML 面板中。 数据工具提示中的文本会自动设置为 HTML 安全文本,即“<”或“&”等特殊字符将替换为其对应的 HTML; “<”或“&”。

如果要在工具提示中包含 HTML 格式,请改用data-tooltip-html

转义

在编写需要大量转义的 HTML 或其他文本时,您可以使用<<<<>>>>减少转义次数。 在表达式编辑器中,放置在四个尖括号之间的任何文本都将被视为文本值,包括任何换行符。

具有数据 URL 的 iframe

使用内联样式的另一种方法是使用带有数据 URL 的 iframe。

备注:

如果使用&lt;iframe&gt;选项,则 UiPath Process Mining 平台指定的默认样式不可用。

可选文本

如果要使 HTML 面板中的文本可选,则应添加user-select: text ;在要选择的文本样式中。 不要使用class="enableTextSelection" ,因为这是一个软件内部类。

此页面有帮助吗?

连接

需要帮助? 支持

想要了解详细内容? UiPath Academy

有问题? UiPath 论坛

保持更新