# Exercise 6: Designing DeskClock

In this exercise, you will add the beans to the DeskClock layout and edit some of their properties.

1. Open the attribute editor for the frame container and select the frame, `Unnamed Frame`, in the Windows list. The Windows list is to the right of the component palette.
2. Type `DeskClock` in the title text box and click OK.
3. Click on the Beans tab to expose the Beans folder if it is not already displayed.
4. Click on the Clock bean, and then click in the top left cell in the grid.

   Once the bean has been placed in the grid, it has been instantiated. A copy of the bean's JAR file is automatically put in the project directory.

5. Click on the Marquee bean in the palette and click in the bottom cell.
6. Click on the SoundPlayer bean.

   Because SoundPlayer is an invisible bean, it does not appear in the layout window. To verify that the bean has been selected, look at the Windows list and see if SoundPlayer is listed. Currently, each time an invisible bean is selected, its name appended to the Windows list.

7. To reduce visual clutter, remove the unused cells in the grid by clicking in the upper-right cell in the grid and choosing GUI -> Delete Component. Repeat until only the column containing the beans remains.
8. Click in the bottom cell and choose GUI -> Delete Component to remove the empty cell.

   You should now have a grid that contains one column with two rows of cells:

Next lesson:

  Exercise 7: Editing the Beans