How to display a popup dialogue to open a Panel in a form?
Last Update: June 22, 2018
In this scenario, we will describe how to update and delete items from a list named "States" from within "Countries" list. Here are the steps on how to do that:
- Open the form in
design mode.
- Add the following to the form design workspace area:
Set the
Layout property of the Panel1 to Relative.
Set the
Layout property of the Panel2 to Absolute.
Set the Layout property of the Panel3 to Absolute. - Select the btnCloseItemsPanel.
- In the
Rules pane, click on the Add icon to add a new rule, the
Rule Manager dialog will open.
- Add a new rule as follows:
A. Change the
Rule Name as desired.
B. Change the
Rule Type to Action.
C. Keep the
Event Type onClick.
D. In the
Action section, type the following script:
closeDialog(Panel11);
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. - Select the btnViewItems
- In the
Rules pane, click on the Add icon to add a new rule, the
Rule Manager dialog will open.
- Add a new rule as follows:
A. Update the
Rule Name if desired.
B. Change the
Rule Type to Action.
C. Keep the
Event Type onClick.
D. In the
Condition section, type the following script:
openDialog(Panel11, '', 204, 600)
$('#Panel11').css('display', '');
$('#Panel11').css('overflow', 'none');
E. Click on the Save button to save the rule. - 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.
https://www.youtube.com/embed/8ckDRORV3gQ
