This is the end of the Format a Rich UI logon page tutorial.
Beyond giving you some basic practice at creating and formatting
widgets in the EGL editor, this tutorial was intended to demonstrate
the following principles:
- Designing your work on paper is a useful preparation for coding
the pages.
- There may be multiple design solutions that are equally valid.
However, using columns in preference to boxes can reduce application
overhead.
- While the editor can simplify your coding, understanding the underlying
EGL gives you additional programming options.
Lessons learned
- Design a Web page for Rich UI
- Create an organization chart for the elements on the page
- Understand widgets
- Understand the Rich UI Handler
- Create an EGL project
- Create a Rich UI Handler
- Structure a page by using box widgets
- Structure a page by using columns only
- Format the elements on the page by using EGL properties
- Format the elements on the page by using cascading style sheets
(CSS)
- Add widgets to the page by writing EGL code rather than by using
the graphical interface
- Trigger a function by clicking a button
You can continue learning by working with the tutorial application.
Try adding more complex functionality to the Submit button.
For example, you could combine a database with the tutorial application
and validate user IDs based on the information in the database.