In this tutorial, you will learn how to embed a web page in a form. The web page contains a Dojo slider widget. When the value of the slider widget changes, the new value is inserted into a label on the form.
The project that you build in this tutorial consists of two files. One file is a simple XFDL form that contains data, a pane, and a label. The other file is a web page that implements a Dojo slider control and is displayed inside the pane. The web page uses the IBM
™ API to transfer data between the slider control and the form.
The web page is loaded when you open the form. A script on the web page copies the slider value from the XForms model into the slider control. When you change the value of the slider, the script copies the new value into the XForms model, which updates the label.
The first task is to verify that you have the appropriate files installed on your computer. Next, you create the XFDL form that contains the web page. After you create the form, you create the web page that is displayed in the form. Finally, you deploy and use the form.
Parent topic: Using HTML in forms