...
Below are screen shots of the Universal Display File (COLORSD) being created the Universal Designer. There are 3 record formats representing the parts of an HTML page, the Header, Body, and Footer. The middle image shows CONAME and COHEX as the bound fields. CONAME (color name) is the variable containing names of colors, the example CONAME is defined as CHAR(30). COHEX (color hex) is the variable containing the hex values of CONAME's colors, the example CONAME is defined as CHAR(7) and the records include the '#' along with the hex color value (i.e. #FF0022). If you would prefer, you can use valid CSS color names instead of the hex color value and the example will still work. You will need to make sure your fields are properly defined for the length and type of field. Our Universal Display File will access the information in these bound fields and display them in our program. Please refer to the for more information with this step.
| Section |
|---|
| Column |
|---|
|
 Image Removed Image Added
Header The Header format is used to define the file/object being made by the Universal Display Program and is only printed once to the file/object. The Header format in this example defines the start of a JSON object . |
| Column |
|---|
|
 Image Removed Image Added
Body The Body format is used to define a section of the file/object that will be printed one or more times depending on an input source. The Body format in this example defines an Option for the List Box and will be printed to the JSON object as many times as there are records in the COLORSP database file. Please notice that the separator property is set. This property will add the separator after each WRITE. |
| Column |
|---|
|
 Image Removed Image Added
Footer The Footer format is used to define the end of the file/object that will only be printed once. The Footer format in this example ends the JSON object . |
|
| Info |
|---|
The Insert Field button is used to add bound fields like CONAME and COHEX. 
CONAME and COHEX are defined as References to their corresponding field in the table.
 Image Removed Image Added
The REF keyword containing the LIBRARY/NAME of the table is added to File Keywords.  Image Removed Image Added
 Image Removed Image Added
|
The Universal Display RPG Source Code
...
| Section |
|---|
| Column |
|---|
|
 Image Removed Image Added
Example Display Arrangement This is an image of the Visual Designer with the arrangement of elements of this example. |
| Column |
|---|
| | Note |
|---|
| Don't forget that the choices url value needs to be mapped! The Web Connector, as of Profound UI Version 5, Fix Pack 10.0, has a URL Mappings Tool that can be used to maintain the URL Mappings, previous versions require a PUIMAPP record to be created. |
|
|
...
| Section |
|---|
| Column |
|---|
|
|
| Column |
|---|
| | Info |
|---|
| Actions in Order: - Select Silver -> Click Ok
Select Red - Scroll down using ▼ of the scrollbar
- Double-click Olive to select and pass to program
- Select Maroon -> Press "Enter" on keyboard
- Click Exit to exit the program
|
|
|
...