Approve Request Task Screen

Create the PurchaseRequestApprove task screen used by Approvers to review a submitted Purchase Request and approve or reject it.

Create the Approve Request screen

1. Create a new screen and name it PurchaseRequestApprove.
2. Configure the screen text label:

Property	Value
Text	Please approve or reject the following request:

3. Save your changes before continuing.

Display the Purchase Request details

Embed the Purchase Request Include screen to reuse its existing layout.

1. Define the screen variables

This screen uses the request input variable to receive the submitted Purchase Request from the Process instance.

To create this variable:

1. Open the screen’s Variables tab.
2. Create the request variable and configure it as follows:

Property	Value
Name	request
Context	Input
Type	This.PurchaseRequest
Default expression	Leave blank

3. Save your changes before continuing.

2. Embed the Include screen

1. Return to the Layout tab.
2. From the SCREEN STRUCTURE section of the Components toolbar, drag a Screen component into the main content area below the text label.

🟢

Editor Help

Remember: When dragging a component or variable onto a screen, Lowgile displays a green placeholder indicating where the element can be dropped.

3. In the screen’s Properties panel, set:

Tab	Property	Value
Properties	Screen	Purchasing.PurchaseRequestInclude
Inputs	request	screen.request

4. Leave all other properties at their default values.

5. Save your changes before continuing.

3. Wrap the Include screen instance with a Disable component

1. Select the embedded PurchaseRequestInclude screen component.

2. From the LOGIC section of the Components toolbar, add a Disable component next to the Include screen component and drag the screen component inside it.

3. Set or confirm the following properties:

Property	Value
Disabled	true
Keep disabled if already disabled	Checked

4. Leave all other properties at their default values.

5. Save your changes before continuing.

4. Add a comment field

🔎

Checkpoint

Expand screen.request in the VARIABLES panel and confirm that the comment property is available.

1. From the CORE section of the Components toolbar, add an Input component below the PurchaseRequestInclude screen component.
2. Configure the comment Input component:

Property	Value
Label	Approver comment
Binding	screen.request.comment
Type	Text Area

3. Leave all other properties at their default values.

4. Save your changes before continuing.

5. Define the screen output

Define a submit output that returns the approver’s decision and comment to the Process.

1. Open the screen’s Outputs tab.
2. Create a new output variable.
3. Configure as follows:

Property	Value
Name	submit
Output type	{ isApproved: boolean comment: string }
Can drive Process forward	Checked

4. Save your changes before continuing.

6. Add Approve and Reject buttons

1. Return to the screen’s Layout tab.
2. From the LAYOUT section of the Components toolbar, add a Layout component below the comment field.
3. Configure as follows:

Property	Value
Layout	horizontal in one row

4. From the CORE section of the Components toolbar, add two Button components inside the horizontal layout.

5. Set the following properties for each button:

Button	Tab	Property	Value
Approve	Properties	Prefix icon	thumb_up
		Text	Approve
	Appearance	Color	Primary
	Events → Click	Action type → Ad-hoc action	output.submit({ isApproved: true, comment: screen.request.comment })
Reject	Properties	Prefix icon	thumb_down_alt
		Text	Reject
	Appearance	Color	Warn
	Events → Click	Action type → Ad-hoc action	output.submit({ isApproved: false, comment: screen.request.comment })

6. Leave all other properties at their default values.

7. Save and close the editor.

Related concepts

Process Concepts

Understand how Processes coordinate activities, User Tasks, and application data.

Task Assignment & Process Responsibility

Learn how roles, swimlanes, and assignments determine who can work on a task.

Button Actions

Review how actions submit screen output and trigger application behavior.