

These three widget classes are called layout widgets. Three types of widget, Form, BulletinBoard and DrawingArea, allow more flexible layout of their children. In a RowColumn, all children are laid out in a grid. In a MenuBar, the CascadeButtons are laid out in a single row. You have already seen that the children of a RadioBox, RowColumn and MenuBar are laid out in specific ways. Several classes of Motif widgets can impose geometric rules on their children. Set position attachments for proportional spacing of the three ToggleButtons. Align the tops of the three ToggleButtons located at the bottom of the layout.ĥ. Attach the RowColumn to the Frame at a fixed offset.Ĥ. Attach the top and left side of the Frame to the sides of the Form at a fixed offset.ģ. Move widgets around to the approximate layout you want.Ģ. To make these changes in the layout, you will perform the following steps with X-Designer's interactive Layout Editor:ġ.

The arrangement of widgets inside the Form is called the layout. However, the arrangement of widgets inside the Form is up to you.įIGURE 4-1 shows the present appearance of the tutorial interface and how it will appear when you finish making the modifications in this chapter.įIGURE 4-1 Default and Modified Layout for Tutorial Interface The DialogTemplate automatically places the menu bar at the top of the window and arranges the buttons at the bottom. The next step in designing your interface is to rearrange the widgets geometrically.
