Creating a New Business Console Gadget
In the UI Development perspective, you can create gadgets in a portlet application project or a web application project in one of the following views:
![*](bullet.gif)
Solutions view
![*](bullet.gif)
Navigator view
![*](bullet.gif)
Package Explorer view
After you complete the gadget design, publish the web and portlet application projects containing the new gadgets to My webMethods Server for re-use.
For information about creating a web or portlet application project, see
Creating a Web Application Project and
Creating a Portlet Application Project. For more information about publishing a web or portlet application, see
Publishing a Portlet Application
to My webMethods Server.
In addition, you should have JavaScript knowledge for programming the gadget.
To create a new gadget
1. Select the UI Development perspective.
2. Select the web or portlet application project where you want to create a new gadget, and start the New Business Console Gadget wizard in one of the following ways:
![*](bullet.gif)
In the
Solutions view, expand
User Interfaces, right-click on the project where you want to create a new gadget, and select
New Business Console Gadget.
![*](bullet.gif)
In the
Navigator view or
Package Explorer view, right-click on the project where you want to create a new gadget, and select
New > Other > Software AG > UI Development > New Business Console Gadget.
4. Configure and customize the gadget as per your requirement.
a. Edit the controller.js file to program the gadget.
b. Create the script and style files for the gadget.
c. Double-click the gadgetDefinition.xml file corresponding to the gadget in the web_or_portlet_application/WebContent/WEB-INF/gadgets/gadgetName_gadgetID folder, and provide the gadget details in the Gadget Definition Editor tab of the gadget definition editor. For description of the gadget definition editor, see Gadget Definition Editor.