You can perform the following customization to the layout of the HTML page.
BTT On-Demand Workplace Area includes three major components, Tab, Column, and Row. Each element adopts MVC pattern, and the view component for each element corresponds to one HTML Element.
The page displayed in BTT Workplace Area has some constraints.
The HTML page should contain three HTML dom elements corresponding to the UI elements. Tab, which is the container for Column Element and Row Element, contains ‘Tab-Index’ item and ‘Tab-Content’ item. There are three mandatory HTML dom elements as marked in the following figure and listed in the table.
HTML Dom Element ID | UI Element |
---|---|
TABID | Tab-Index item for Tab |
NAVID | Service Repository |
CONTAINERID | Tab-Content item for Tab |
Developer should at least provide the three HTML dom elements with the detail element id, TABID, NAVID, CONTAINERID. These variables can be configured in config.js, which configures the global Servlet path and the HTML dom element id.
Like other HTML pages, BTT Workplace Area can change the style through CSS. In the Sample, CSS is under WebContent/theme, refer to Sample section to get more information. Change the main page style by CSS. SeeCSS help .
As the element is based on MVC pattern, there is possibility for changing the view component for the elements. The model for the elements decides the base structure for the BTT Workplace Area. The abstract control class for each element decides the common manipulation for the models, such as adding, deleting or getting attribute of the model and so on.
Based on model and abstract control of the element provided, it's possible to develop the logic class extended from the abstract control class and use Dojo or Ext component for display.
Refer to API for more information.