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

Saving a Custom Button

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

After you've created the custom component, save it to the workspace/prototypes directory. Any components saved to this directory appear in the User folder of the Component Libraries palette. You can create nested folders to organize your components.

To save the custom button so that it appears in the Component Libraries palette,

  1. Press Ctrl+s to save the new component.
  2. Navigate to the workspace/prototypes folder.
  3. Click the Create New Folder button in the Save File dialog.
  4. Name the folder Buttons and click Create.
  5. Open the Buttons folder in the Save File dialog.
  6. Type BlueButton.xml in the Name field and click Save.
  7. Click the Live Component button at the bottom right of the work area.
  8. Click the Reload button on the Component Libraries palette toolbar to load the new component from disk.
  9. Open the User > Buttons folders in the Component Libraries palette to see the Blue Button you just created. If you entered an image URL, you'll also see an icon for the button. Move the mouse over the button to see the description in a tooltip.
Creating a Custom Button Chapter 3 Tutorial on Creating a Custom Button Using 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.