This station demonstrates how to set up a generic dialog with Yes/No buttons.

This customUI panel contains a text message and a Yes button and No button, with placeholders for actions to be taken when each button is pressed.

This customUI creates the two buttons using two calls to a function (MyButton()), passing in properties (MyButtonProps).

In the definition for the function, you can see how properties of the button are set to both constant value (ALL CAPS) and to variables, which allow for variation between the two buttons.

This function returns a UINode(), which is added to the customUI View() definition. This node is an instance of a Pressable object, which is a customUI component that supports the following JavaScript-style events:

There are definitions or placeholders for definitions for each of these events in the Pressable definition. In Visual Studio Code, you can right-click these strings and select Go to Definition to learn more.

There’s an intermediate construction of a UINode object using the MyPrompt() function, which uses a Text() element and two calls to MyButton() to create the Yes button and the No button, which have slightly different properties.

Placeholder functions are added for what happens when the buttons are clicked: doYes() and doNo() write a simple log message to the console.

MyPrompt() is called within the initializeUI() method as part of initialize setup of the customUI panel.