​​How to show alert when clicking on a control?

Last Update: June 22, 2018

Here are the steps on how to show alert "popup message" when clicking on a control:

  1. Open the form in design mode.
  2. Add a control on design workspace area "Canvas". Let us add a Button control and set its ID property to "btnShowAlert".
  3. Select the btnShowAlert control.
  4. In the Rules pane, click on the Add icon to add a new rule, the Rule Manager dialog will open.
    How to auto-shifting Panel control in a form2.jpg
  5. Follow the following steps to add a new rule to show an alert when clicking the Button control:
    A. Change the Rule Name as desired.
    B. Change the Rule Type to Action.
    C. Keep the Rule Type onClick.
    D. In the Action section, type the following : alert('Hello World!') //alert is a JS function
    E. Click on the Save button to save the rule.
    Note: You can use Assistance Panel to help you adding functions and related parameters, form variables and form controls to Conditions and/or Actions sections.
  6. Test the form by clicking on the Preview button in the View group.

Related Resources:
These resources may not reflect the same exact case steps.