- Release notes
- Getting started
- Installation
- Configuration
- Integrations
- Authentication
- Working with Apps and Discovery Accelerators
- AppOne menus and dashboards
- AppOne setup
- TemplateOne 1.0.0 menus and dashboards
- TemplateOne 1.0.0 setup
- TemplateOne menus and fashboards
- TemplateOne 2021.4.0 setup
- Purchase to Pay Discovery Accelerator menus and dashboards
- Purchase to Pay Discovery Accelerator Setup
- Order to Cash Discovery Accelerator menus and dashboards
- Order to Cash Discovery Accelerator Setup
- Basic Connector for AppOne
- SAP Connectors
- Introduction to SAP Connector
- SAP input
- Checking the data in the SAP Connector
- Adding process specific tags to the SAP Connector for AppOne
- Adding process specific Due dates to the SAP Connector for AppOne
- Adding automation estimates to the SAP Connector for AppOne
- Adding attributes to the SAP Connector for AppOne
- Adding activities to the SAP Connector for AppOne
- Adding entities to the SAP Connector for AppOne
- SAP Order to Cash Connector for AppOne
- SAP Purchase to Pay Connector for AppOne
- SAP Connector for Purchase to Pay Discovery Accelerator
- SAP Connector for Order-to-Cash Discovery Accelerator
- Superadmin
- Dashboards and charts
- HTML panels
- Migrating legacy charts to new charts
- Tables and table items
- Application integrity
- How to ....
- Working with SQL connectors
- Introduction to SQL connectors
- Setting up a SQL connector
- CData Sync extractions
- Running a SQL connector
- Editing transformations
- Releasing a SQL Connector
- Scheduling data extraction
- Structure of transformations
- Using SQL connectors for released apps
- Generating a cache with scripts
- Setting up a local test environment
- Separate development and production environments
- Useful resources
HTML panels
An HTML panel is a flexible element which can be used to add custom visual elements to the application.
Next to other visualizations such as charts and the process graph, a dashboard often needs to display explanatory texts, images, or simple KPIs. This can be done by using HTML panels.
See illustration below for an example of HTML panels displaying KPIs on a dashboard.
Follow these steps to create an HTML panel.
Step |
Action |
---|---|
1 |
Go to the Dashboards tab and right click in the Dashboard item list. |
2 |
Select New HTML panel and then the table you want to use the data from in the HTML panel. A New HTML panel is added to the dashboard item list. |
3 |
Go to the HTML panel tab and click on
expression in the General panel.
|
4 |
Enter an expression containing the desired HTML-code and click on OK. See illustration below for an example. |
displaytext
function.
As the HTML generated from the HTML panel will be inserted in the HTML for the complete webpage, the expression should not be a full HTML document, but just the innerHTML property . Use inline style tags to customize the appearance to apply a unique style to each HTML element.
For example by using the "style" attribute with any CSS properties defined within it.
<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>
When using the inline styles you can make use of the default styles specified by the UiPath Process Mining platform, such as the custom font used by the UiPath Process Mining platform. This allows you to create an HTML panel that fits in to the look and feel of the platform, and automatically adapts to changes in the UiPath Process Mining theme.
data-tooltip
attribute tag. Text in the data-tooltip is automatically made HTML safe, i.e. special characters such as ‘<’ or ‘&’ are replaced
by their HTML counterparts; ‘<’ or ‘&’.
data-tooltip-html
instead.
<<<<
and >>>>
. Any text placed between four angle brackets in the expression editor is treated as a text value, including any newlines.
An alternative to using inline styles is to use an iframe with a data URL.
<iframe>
option.