General Interface is an open source project hosted by the Dojo Foundation

Using a Custom Button

Saving a Custom Button Chapter 3 Tutorial on Creating a Custom Button

Now that you've created the custom button, you can use it in your application just as you would with any of the pre-built GUI components in the Component Libraries palette. You can also modify the button as needed once you drop it on your layout.

To use and modify your custom button, complete the following steps:

  1. Create or open a project.
  2. Open the User > Buttons folders in the Component Libraries palette.
  3. Drag and drop the Blue Button component from the Component Hierarchy palette to the work area.
  4. Modify the properties of the button in the Properties Editor palette or use it as is.
  5. Add an Execute function in the Events Editor palette. See Specifying Model Events.
  6. Right-click the appCanvas.xml tab and select Save and Reload.

Now that you have a custom button, you can continue to develop your own library of custom components. Simply create a new GUI component file, drag and drop a component from the Component Libraries palette into the new file, modify it, and save it to the workspace/prototypes folder to add it to your User library. As you can see, using custom components can save time by eliminating repetitive rework and can also facilitate a common look-and-feel across the application.

Saving a Custom Button Chapter 3 Tutorial on Creating a Custom Button

Contents

Searching General Interface Docs

Expand all   Collapse all
Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.