Instruction Screen

I am trying to figure out how to put up a Dialogue Box to guide the operator.

For example, I have a button for "Transfer Selected Products" to the Invoice.

If the operator clicks on the button without checking off any products, I would like to put up a Dialogue Box that says "Please check off one or more products before clicking on this screen.

What are the basic steps for doing this?

Mike

Hello,

There are many ways to provide feedbacks to the users. In your case, you want feedback so users know to select at least one record. Below are three methods.

Method 1 - instruction plus enable the button only if at least one record is selected
usage guide example 1
The code for the button's disable property is
image

Method 2 - using the notification utility
usage guide example 2
The code for the button's clicked event handler

if (!table2.selectedRow.data.length) {
  utils.showNotification({
    title: "Information",
    description: "Please check off one or more products before clicking on this screen",
    notificationType: "info",
    duration: 10,
  })
} else {
  // perform business logic
}

Method 3 - Popup message, note: the modal button is hidden. The recording is from IDE to show the modal button
usage guide example 3
The code for the button's clicked event handler
image

if (!table3.selectedRow.data.length) {
  modal1.open();
} else {
  // perform business logic
}

All 3 examples are in this test app: test.json (71.1 KB)

Hope that helps,

1 Like

I followed Example 2 and it worked perfectly.

Thank you much.

I will mark this as a solution.

Thanks again.

Mike

1 Like