Develop > Presentation layer > Customize WebSphere Commerce Accelerator, Organization Administration Console, or Administration Console > Tools framework
Tools User Interface Center
A Tools User Interface Center provides the structural framework in which tools are presented to the user. A Tools User Interface Center consists of a menu frame and a content frame. The WebSphere Commerce Accelerator is an instance of the Tools User Interface Center. The Organization Administration Console is another example of the Tools User Interface Center.
In the user interface customization topics, Tools User Interface Center refers to the Tools User Interface Center instance that you are customizing. For example, Tools User Interface Center refers to WebSphere Commerce Accelerator if that is the tool that you are customizing.
Context-sensitive help
No matter how intuitive you might think that the custom interface is, it is still possible that the users will have questions, about either usage or input. When a user clicks Help, the current page in the content frame is polled to obtain the help key for the page. This key is then included as an argument in a call to the getHelp() function, which launches a separate browser containing the HTML file associated with the specified key.
To provide context-sensitive help for the custom interface elements, provide a HTML help file, specify a key in the custom JSP file, and update the help mapping file for a Tools User Interface Center.
- Integrate tools into a Tools User Interface Center
The steps below describe how to integrate a tool into the WebSphere Commerce Accelerator. For other Tools User Interface Centers , follow the same steps using that tool's XML and resource bundle files.
- Add context-sensitive help into a Tools User Interface Center
The following steps detail how to add context-sensitive help:
- Tools User Interface Center JavaScript functions
The following JavaScript functions are available to the JSP page if it is inside of a Tools User Interface Center, from the top frame, accessible by top.functionName().
- Add a new user message
To incorporate user messages into the user interface elements, you create several assets.
Related concepts
Related tasks
Integrate tools into a Tools User Interface Center
Add context-sensitive help into a Tools User Interface Center
Related reference
Tools User Interface Center JavaScript functions