5ml User's Guide

CHAPTER 3: 5ml Tutorial
Adding Shapes and Layout Elements
5ml offers shape and layout widgets you can use to lay out sections of the page. The Rectangle widget lets you create a
rectangle, which you can also use to create a horizontal or vertical line. The Container widget lets you create a
rectangular area on the page that can hold other elements.
To add a light gray line at the bottom of the page (as it appears in the tracing image), use the Rectangle widget:
1. Click the Widgets tab at the top of the Library pane to show the Widgets pane.
2. Choose Shapes in the drop-down menu to see the Rectangle widget.
3. Drag the Rectangle widget from the Widgets pane to the page in the Canvas, as shown in Figure 3-35 on page 60.
Figure 3-35: Dragging the Rectangle widget to the Canvas.
4. Resize and position the Rectangle element by entering its size and coordinates in the Layout tab of the Properties
pane, as shown in Figure 3-36 on page 61.
Tip: Although you can resize the element by dragging one of the handles on the element's edges or corners, you
can also enter exact pixel dimensions in the Width and Height fields next to the Size heading in the Layout tab of
the Properties pane. (To learn more about resizing page elements, see "Resizing Page Elements" on page 171.)
Tip: Although you can move an element into position on the page by dragging it, you can also enter the X (width)
and Y (height) coordinates in pixels in the X and Y fields next to the Position heading in the Layout tab of the
- 60 -