Creating a Custom Button

Let's begin by creating a custom button as follows:

1. Open or create a project in General Interface Builder. See the General Interface Developer Guide.
2. Choose File > New > GUI Component to create a new component.
3. Open the System > Form Elements folder in the Component Libraries palette.
4. Drag and drop a Button component from the Component Libraries palette to the work area.
5. Open the Events Editor palette and delete the alert value for the Execute event. Typically, you won't want to assign an event until you use it in your application.
6. Open the Properties Editor palette and enter the following property values to give the button a custom look-and-feel:
   
   • FontWeight: Bold
     
   • Color: blue
     
   • BG Color: #ccffcc
     

     You can use the Color Picker to choose color values. Choose Tools > Color Picker You can also click in the Value field in the Properties Editor palette and click the Color Picker button to open the Color Picker.

7. Click the Component Profile button at the bottom right of the work area.
   
   1. Type Blue Button in the Name field. This is the name that displays in the Component Hierarchy palette.
      
   2. Enter a description. This information displays in a tooltip when you hover over the component name in the Component Libraries palette.
      
   3. Type the URL for an optional custom image in the Icon URL field. The URL is relative to the launch page that launches the application.
      For example, if you're launching the application with GI_Builder.html (GI_HOME/GI_Builder.html) and the image is located in workspace/images, the URL would be ../workspace/images/icon.gif.

If you're using images across your applications, you might create an images folder for all your images in your workspace directory.