Format a Rich UI logon page

In this tutorial, you will learn how to plan a simple Rich UI page and create the page by using the EGL Rich UI editor.

Learning objectives

In this tutorial, you will learn how to complete these tasks:

  • 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 Rich UI 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 pressing a button

Time required

60 minutes

Other EGL tutorials:

Introducing EGL Create a hello world program with EGL Create a hello world service with EGL Build a JSF search page with EGL Access relational databases with EGL