• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 13. Creating Design Diagrams > Organizing items into groups

Organizing items into groups

Grouping items is a useful layout tool. It can help define areas of your site, such as an e-store or catalog area, for example. A group is simply a container that encloses a number of diagram items (pages or other items), allowing you to treat the items as a unit. You can move, copy, or delete a group. Groups don't affect the underlying HTML—they're purely to help organize your design diagram visually.

1.
Click to select the Profile page and Ctrl-click (Windows) or Shift-click (Mac OS) to add the Secure Order page in the design diagram to the selection.

2.
Right-click (Windows) or Control-click (Mac OS) to show the context menu, and choose Group from the context menu.

3.
Drag one of the Group's handles to resize the Group container as necessary. Drag the group by its title bar to adjust its position on the page. You can also use the Align palette to align the Group container with the parent Ordering page, as described in “Aligning and distributing objects” on page 503.

Grouping items

4.
With the Group object selected, enter Order for Name in the Group tab of the Group Inspector.

5.
In the Graphics tab of the Group Inspector, click the Fill Color field. In the Swatches palette, choose the color labeled #669933 ordering. Set the Header Fill Color color to the same color.

6.
Choose File > Save to save your work.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint