To display the source code in the OpenEdge ABL Editor while editing a design class in the Visual Designer, do one of the following:
1. Right-click in the Design Canvas and select View Source from the context menu.
2. Select Design > View Source.
3. Press F9.
All features of the ABL Editor are available.
Conversely, to display the form in the Visual Designer while editing the source code, do one of the following:
1. Right-click in the Design Canvas and select View Design from the context menu.
2. Select Design > View Design.
3. Press Shift+F9.
Changes are synchronized when you switch between the design view and the source view, and when you save the file. Thus, changes that you make with either editor are immediately reflected in the other.
Once you have opened the class file in either the Visual Designer or the ABL Editor, it remains open in that editor until you close it.
Note: When editing the ABL code, be careful not to introduce errors in the UI code. It is advisable to use the Visual Designer for all changes to the UI, and edit only application logic (for example, event logic) in the ABL Editor. In particular, do not modify the InitializeComponent method created by the Visual Designer; in doing so, you might cause an error that would not prevent the code from compiling, but would make it impossible for the Visual Designer to open the file.
