Zim IDE Components

The Organization of Zim IDE

Zim IDE consists of eight separate visual components distributed within five different panels. Some panels are occupied by two different visual components, of which only one is displayed individually when selected by the designer.

The visual components of Zim IDE and their respective display panels are introduced below:

 

Component Display Area
Menu Area
Left Panel
Left Panel
Central Panel
Central Panel
Right Panel
Right Panel
Field View Panel

 

The following images show how the different areas of the Zim IDE fit together during the user interface design process:

Example 1: Connected databases and the structure of objects

 

In this image, the form fExitDialog is being edited in the GUI Designer workspace, while the databases expense+localhost and example2+localhost are connected to this Zim IDE session as shown in the Database Tab Page. In addition, the other forms opened in the GUI designer (fAccountEnts, fcheckradio) are shown in the Tree View Tab Page on the right, along with their respective form fields.

 

Example 2: Form field attributes and objects available in the Tool Box tab page

In this image, the form fExitDialog is being edited in the GUI Designer workspace. A Push Button is currently selected and its attributes are shown in the Attributes Tab Page. The Tool Box Tab Page is also visible, showing the available user interface objects that can be added to the form.