Display Dialog

Overview

Display a dialog on the client side, where you can display text, markdown, html, etc.

Parameter Configuration

Parameter	Description
Dialog Title	Display the title of the dialog. You can use expressions to obtain context variables to specify dynamic content
Dialog Distance from Top	Display the distance of the dialog from the top. You can use expressions to obtain context variables to specify dynamic content
Dialog Width	Display the width of the dialog. You can use expressions to obtain context variables to specify dynamic content
Dialog Height	Display the height of the dialog. You can use expressions to obtain context variables to specify dynamic content
Display as Modal Window	Whether the displayed dialog is presented as a modal
Display Print Button	Whether the displayed dialog shows a print button. The print button can print the content of the dialog
Output Format	Display method of dialog content. Text, Markdown, HTML, JSON, echart chart, mermaid chart
Output Content	The content displayed in the dialog. You can use expressions to obtain context variables to specify dynamic content

Usage Instructions

• Dialog height and width

  • The set dynamic content needs to have size units. For the unit range, please refer to

• When the output format is JSON, if the output content is an object structure, it will be rendered directly according to the object structure, supporting hierarchical folding and unfolding

• Output format as script chart - The returned data must be a JSON string - Return example json { "series": [ { "data": [ 820, 932, 901, 934, 1290, 1330, 1320 ], "smooth": true, "type": "line" } ], "tooltip": { "trigger": "axis" }, "xAxis": { "data": [ "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun" ], "type": "category" }, "yAxis": { "type": "value" } }

Usage Scenarios

• Output automation execution results for debugging or prompting users
• Generate dynamic HTML pages based on templates
• Generate dynamic Markdown content based on templates
• Generate dynamic Echarts statistical charts based on templates
• Generate dynamic mermaid charts based on templates

Usage Examples

Output Text

Notes

If the output data is of non-string type, the expression engine will call the object's toString method to convert it to a string for output

Non-string type output: ${Date.sysdate()}
String type output: ${Misc.formatDate(Date.sysdate(), 'yyyy-MM-dd HH:mm:ss')}

Output Markdown

## Version Update Description
### Version Release Information
> **Current Time**: ${Misc.formatDate(Date.sysdate(), 'yyyy-MM-dd HH:mm:ss')}
> **Notes**: This version supports cross-version upgrades and smooth upgrades
### Update Content
- [010049] 【Workflow】Improved functionality for calling other workflow nodes
- [010055] 【Documentation】AI Assistant usage documentation and examples
- [010072] 【Component Designer】Added Gantt chart component
  ```js
      export function uuid(){
        return Math.random().toString(36).substring(2)
      }
    ```

Output Html

<h2>Version Update Description</h2>
<h3>Version Release Information</h3>
<selection>
  <strong>Current Time</strong>: ${Misc.formatDate(Date.sysdate(), 'yyyy-MM-dd HH:mm:ss')}<br />
  <strong>Notes</strong>: This version supports cross-version upgrades and smooth upgrades
</selection>

<h3>Update Content</h3>
<ul>
  <li>[010049] 【Workflow】Improved functionality for calling other workflow nodes</li>
  <li>[010055] 【Documentation】AI Assistant usage documentation and examples</li>
  <li>[010072] 【Component Designer】Added Gantt chart component</li>
</ul>
<code style="white-space:pre-wrap;display: block;">export function uuid(){ return Math.random().toString(36).substring(2); } </code>

Output Script Chart

Script Chart

In this mode, the output content must be a JSON string

{
  "series": [
    {
      "data": [820, 932, 901, 934, 1290, 1330, 1320],
      "smooth": true,
      "type": "line"
    }
  ],
  "tooltip": {
    "trigger": "axis"
  },
  "xAxis": {
    "data": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
    "type": "category"
  },
  "yAxis": {
    "type": "value"
  }
}

Output Mermaid Chart

Script Chart

In this mode, the output content must be a string. For writing format, please refer to

sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
    Alice-)John: See you later!