Introduction Tutorial

This tutorial takes you through the steps involved in creating a mortgage application using the XUI framework. We will start with a basic single person application and extend it to allow multiple applicants illustrating in the process how to make use of XUL page definitions, framesets, styles, validations, page navigation and data binding.

This tutorial does not make use of the KALIDEOSCOPE plugin for XUI, but is intended to show how XUI applications can be built from scratch using the core libraries and an IDE of choice.

Each step of this tutorial has an associated directory from which you can build the application (build.bat) and run (run.bat) the application as it exists up to that point. It also contains all of the pages, images and resources needed to run the application.

Notes:
This application uses framesets. It could just as easily use a single form layout. This can be done by removing the 'Frames' property from the startup.properties file. The startup page is then specified using the 'StartClass' property and setting it to the name of the XML defined start page.

1 - Setting up the project structure

2 - Creating some basic pages

3 - Adding navigation with page events

4 - Binding data to controls

5 - Accessing page controls

6 - Saving data from the model

7 - Initialising controls from the model

8 - Validating the application data

9 - Working with the data model

10 - Dynamic binding

11 - Localizing the screens