Begin with looking at the grid in the upper portion of the designer. This is where the physical layout of the Toolbar is mapped, and where you Add, Delete, Edit, or reorder the Toolbar components.
To demonstrate the available options, click on the first item, Drop-Down Menu Button, at the top, and click the Edit button.
In the Toolbar Button Editor dialog, the first property is the Button Type. There are three available button types: Tool Button, this is simply a button that has a single action. Any setting in the Drop-Down Menu field will be ignored; Drop-Down Button, this object is used in conjunction with a previously created Drop-Down Menu. It is a dual purpose button that has two functions, the action selected from the Action List will be executed if the button portion of the object is clicked, and the Drop-Down Menu that is selected in the Drop-Down Menu field will be displayed when the down-arrow portion of the button is depressed; Separator, this is an aesthetic line that creates a break between the buttons.
An important note about using the Separator is that it MUST be used BETWEEN button objects. If your Toolbar definition ends with a separator, the entire Toolbar will be disorganized aesthetically. Also, when using a Separator, the other properties like Action List and Drop-Down Menu settings are all ignored for this object.
Also, when using Drop-Down Menu objects, if you want an image to appear on the button portion of the object, but not execute anything if it is clicked, you need to assign an Action from the Action list that has no actual action assigned to it, only an image.