Instruction Screen

App Building
#1

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

#2

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

image
image1117×493 54.6 KB 

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
#3

I followed Example 2 and it worked perfectly.

Thank you much.

I will mark this as a solution.

Thanks again.

Mike

1 Like