| Section |
|---|
| Column |
|---|
| The Goal of This ExampleShow how a Universal Display File can work in tandem with a Rich Display File's List Box Widget's choices URL property. You could also utilize the choices URL property within a Combo Box Widget, but this example will be using a List Box Widget. | Info |
|---|
| title | Files Used by This Example |
|---|
| Below are downloadable versions of the files used in this example: |
|
|
...
Below are screen shots of the Universal Display File 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. COHEX (color hex) is the variable containing the hex values of CONAME's colors. 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 |
|---|
| 
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 |
|---|
| 
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. |
| Column |
|---|
| 
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 . |
|
...
The Choices URL property of the List Box is what populates the choices of colors that can be picked. We set this property to the URL of our Universal Display File application.
| Section |
|---|
| Column |
|---|
|  Image Modified
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 mapped! The Web Connector, as of Profound UI 5.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. |
|
|
The Rich Display RPG Source Code
...
To run the program, login to a Genie session and use EDTLIBL or ADDLIBLE to make sure the libraries where the program files are stored are in the library list. Please make sure that PROFOUNDUI is included in your library list. Then CALL YOURLIBRARY/SHOWCOLORR. This will run your program and you can display the colors after highlighting a color name and pressing the Ok button.
| 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
|
|
|
...