Designer 10.5 | Working with Business Console Gadgets | Getting Started with Business Console Gadgets | Gadget Definition Editor
 
Gadget Definition Editor
You can open the gadget definition editor in one of the following ways:
*In the Solutions view, double-click a gadget.
*In the Navigator view or Package Explorer view, double-click the gadgetDefinition.xml file corresponding to a gadget in the web_or_portlet_application/WebContent/WEB-INF/gadgets/gadgetName_gadgetID folder.
The table below describes the various sections in the Gadget Definition Editor tab. For a description of gadget elements, see New Business Console Gadget Wizard.
Section
Description
General
Expand to edit the gadget properties such as gadget title, description, settings title, and group name.
Scripts and styles
Expand to provide the scripts (.js files) and styles (.scss) files to be used by the gadget.
If you want to use external scripts such as the scripts delivered through a content delivery network (CDN), save the script file under /WebContent/<gadget_folder_if_provided>/gadget_name/Scripts folder, and then provide a relative link to the script file here. The same applies when you use an external style file.
Do not import a script file directly in the view.xhtml file.
Parameters
Expand to provide the name and value for the custom properties of the gadget.
It is optional to provide values for the properties. The values can be provided at runtime by using the settings.xhtml file.
Parameter name must be unique within a gadget.
Hosts
Expand to provide the details for each server that you want to configure with the gadget.
Host name must be unique within a gadget.
Publish events
Expand to provide the publish events for the gadget. Optionally, you can provide the payload for the publish event. This is applicable only to gadgets of type AngularJS.
Subscribe events
Expand to provide the subscribe events for the gadget. This is applicable only to gadgets of type AngularJS.
Dependencies
Expand to provide the dependent modules to be injected to the gadget framework.
This is applicable only for AngularJS based gadgets. Independent AngularJS module(s) created in a gadget can be shared with another gadget.
Make sure you add the dependencies only after the dependent modules are created in gadgets and deployed to My webMethods Server.
Dependency name must be unique within a gadget.