Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Warning
titlePlease Note!

This example assumes you have familiarized yourself with the Universal Display Files, Using the Universal Display File Editor, and Using the Web Connector! Notes and links may be provided, but complete explanations may not!

Section
Column
width20%

 

 

Panel
titleTable of Contents

Table of Contents
indent0px

 

Column
width80%

The Goal of This Example

Show 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.

  • Note:
  • This data set was randomly generated meaning that the color name and the hex color associated with it might not match up. The functionality is the same and it is being provided to help users practice.

 

Info
titleFiles Used by This Example

Below are downloadable versions of the files used in this example:

noteCOLORSP.sql

title

The Universal Display File

...

For this example, we are creating a JSON object to reference for the options of our options box. Please remember to set the 

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 HeaderBody, 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
width250px


The Header - Click for Larger Image

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
width250px


The Body - Click for Larger ImageImage RemovedImage 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
width250px


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 .

...

Section
Column
width20%
 
Column
width30%


Column
width30%
Info
iconfalse

Actions in Order:

  1. Select Silver -> Click Ok
  2. Select Red

  3. Scroll down using ▼ of the scrollbar
  4. Double-click Olive to select and pass to program
  5. Select Maroon -> Press "Enter" on keyboard
  6. Click Exit to exit the program

 

Column
width20%

 

...