IBM WebSphere Multichannel Bank Transformation Toolkit, Version 7.1

Limitation

  1. Due to the CSS compatibility with Firefox 2, when a row element is maximized, the maximized row window cannot be displayed correctly. The maximized row dose not cover the other row elements as designed.
  2. A Row element can be dragged by mouse, however sometimes user may move the mouse out of the dragged head of a row element and enters into a iFrame body area. When this happened, the mouse event will not be caught by the BTT Web 2.0 Workplace Area. So when the mouse is moving into a iFrame, the dragged target row element will not follow the moving of the mouse.

Exception

Not many errors can be shown at BTT Web 2.0 Console. And the BTTError object cannot provide enough error information, so when an error occurs, you need to seek help from Firebug or Companion plugin.

Workplace

When an end-user types the Chinese characters into the textbox to edit the tab’ name, the size or length of textbox cannot extend automatically according the length of characters in textbox.

When dragging the widget window from one column to another column, the current structure of the layout will not be saved until end-user click the save at right-top side of page.

Style theme switch

When switch to another theme, the format of page will flicker for a glimpse of time because of loading CSS file .

Best Practice

Because not all the widgets are loaded when the page initializes, so it is possible that the JS and CSS of widget that are loaded later conflict with some JS objects and CSS styles that already exist.

So make sure the JS or CSS of new widget have its unique namespace or parent style identifier. For example:

You can define a widget and add a namespace for it:
var newWidget = {}//the nameapce of new widget
newWidget.init = function(){
	this.onLoad = function(){
		//...
	}
}
The widget definition XML:
<iw:content mode="view">
	<![CDATA[
		<div id="new_widget" >
			<div class="item_new_widget">
</div>
			<div class="item_new_widget">
</div>					 
		</div>
		
    ]]>
    </iw:content>
And the CSS can be defined as follows:
#new_widget{
	font-size:14px;
	height:22px;
	width:120px;
}
#new_widget .item_new_widget{
	background:#F9F9F9;
	border:1px solid;
	margin-bottom:12px;
}



Feedback