In this tutorial, you will learn how to implement two-way communication between an HTML web page inside the Modal Dialog and an XFDL form.
The project that you build in this tutorial consists of two files. One file is a simple XFDL form that contains data, a label, a field, and a button. The other file is a web page that implements a Dojo slider control and is displayed inside the Modal Dialog. The web page uses the IBM
™ API to transfer data between the slider control and the form.
When you click the button on the form, the Modal Dialog opens and loads the web page. A script on the web page copies the value from the XForms model into the slider control. When you click Update Form
in the Modal Dialog, the script copies the value of the slider control into the XForms model, which updates the value that is displayed in the field.
The first task is to verify that you have the appropriate files installed on your computer. Next, you create the XFDL form that opens the Modal Dialog. After you create the form, you create the web page that is displayed inside the Modal Dialog. Finally, you deploy and use the Modal Dialog project.
Parent topic: Using HTML in forms