Try OpenEdge Now
skip to main content
Introducing the Progress Developer Studio for OpenEdge Visual Designer
Creating the Department Window : Adding an UltraTree control to the form : Using the ColumnSet Layout Designer
 

Using the ColumnSet Layout Designer

To use the ColumnSet Layout Designer to hide fields:
1. Select the UltraTree control in the Departments form.
2. Select ColumnSet Layout Designer from the bottom of the Properties view, as shown in the following illustration:
The ColumnSet Layout Designer displays the fields of the root table in the right pane, as shown in the following illustration:
3. In the ColumnSet Layout Designer, right-click on DeptCode and choose Hide Column. The dialog looks similar to the following illustration:
The DeptCode column moves to the Available Column list, indicating that it is removed from the display.
Note: In addition to hiding fields, you can use the ColumnSet Layout Designer to change a number of other properties, particularly properties that affect run-time behavior. For example, you can specify whether or not a user can reposition fields. If you select the Layout Design or Column Settings tab, you can explore a list of these properties. Tool tips are available to explain the use of each property.
4. Select eemployee from the UltraTree ColumnSet field, as shown in the following illustration:
The ColumnSet Layout Designer displays the fields of the child table eemployee in the right pane.
5. Hide all the columns except LastName, FirstName, HomePhone, and WorkPhone. When you finish, the ColumnSet Layout Designer should look something like this:
Note that you can reposition the columns by dragging the column heads. For example, drag the WorkPhone column head between FirstName and HomePhone.
Red arrows indicate if the column is repositioned between, above, below, or adjacent to the destination columns. For example, the arrows in the following illustration indicate that WorkPhone will be placed between FirstName and HomePhone:
6. Select efamily from the UltraTree ColumnSet field.
7. Hide all of the columns except RelativeName and Relation.
8. Click OK to save your changes and exit the ColumnSet Layout Designer.
After you hide the specified fields, departmentForm.cls should look similar to the following in Visual Designer: