Skip to content

Request Quotations Task Screen

Key Lesson: In this step, you learn how to adapt the Purchase Request Create screen so Procurement can review an approved Purchase Request, add quotation entries for selected vendors, and submit the updated request to the Process.

Create the PurchaseQuotationCreate task screen used by Procurement to review an approved Purchase Request, add vendor quotation entries, and submit the request.

Build the Request Quotations task screen by copying the existing Purchase Request Create screen, as it already contains the Purchase Request structure needed for this task.

  1. Copy PurchaseRequestCreate and rename the copy PurchaseQuotationCreate.
  2. Configure the screen text label:
PropertyValue
TextPlease specify which vendors should be contacted for an RFQ:
  1. Save your changes before continuing.

For instructions on copying a complete screen, see Copying an entire screen.

Update the copied screen so Procurement can review the approved request, add quotation entries, and complete the task.

  1. Open the screen’s Variables tab.
  2. Update the request variable’s properties:
PropertyValue
Namerequest
ContextInput
Type
This.PurchaseRequest
Default expressionLeave blank
  1. Save your changes before continuing.

The embedded PurchaseRequestInclude screen should be read-only so Procurement can review the approved request without changing it.

  1. Return to the Layout tab.
  2. In the LOGIC section of the Components toolbar section of the component toolbar, add a Disable component above the embedded PurchaseRequestInclude screen.
  3. Drag PurchaseRequestInclude into the Disable component.
  4. Set or confirm the following Disable properties:
PropertyValue
Disabledtrue
Keep disabled if already disabledChecked
  1. Leave all other properties at their default values.

  2. Save your changes before continuing.

Add a For component to display the quotation entries stored in screen.request.quotations.

  1. From the LOGIC section of the Components toolbar section, drag a For Loop onto the Vertical layout component.
  2. Configure the For Loop as follows:
PropertyValue
Array
screen.request.quotations
Loop variablequotation
Loop variable type
This.Quotation
  1. Leave all other properties at their default values.

  2. Add a Card component inside the For component.

  3. Add an Input component inside the Card.

  4. Configure the Input component as follows:

PropertyValue
LabelVendor name
Binding
quotation.vendor
TypeText
  1. Leave all other properties at their default values.

  2. Save your changes before continuing.

The Add RFQ button creates a new Quotation object in the Purchase Request’s quotations collection.

  1. From the CORE section of the Components toolbar section, add a Button component below the For component.
  2. Configure the button as follows:
ButtonTabPropertyValue
Add RFQPropertiesPrefix iconadd_circle
TextAdd RFQ
AppearanceColorBasic
Events → ClickAction type → Ad-hoc action
screen.request.quotations.push(
  new This.Quotation
)
  1. Leave all other properties at their default values.

  2. Save your changes before continuing.

  1. Open the screen’s Outputs tab.
  2. Confirm that the submit output is configured as follows:
PropertyValue
Namesubmit
Output type
This.PurchaseRequest
Can drive Process forwardChecked
  1. Save your changes before continuing.

Update the existing Submit Request button so Procurement can submit the completed quotation entries and finish the task.

  1. Return to the screen’s Layout tab.
  2. Select the Submit Request button.
  3. Update the button as follows:
ButtonTabPropertyValue
Submit RFQsPropertiesPrefix iconsend
TextSubmit RFQs
AppearanceColorPrimary
Events → ClickAction type → Ad-hoc action
await output.submit(screen.request)
  1. Leave all other properties at their default values.

  2. Save and close the editor.

Learn how screen components render and edit collections of related records.

Understand how submitted task output selects the next route through a Process.

Review how button actions submit quotation data and complete screen interactions.