TIBCOmmunity: General Interface Blog : Tags : interface

Some useful Builder usage tips

Posted by Darren Hwang Oct 21, 2008

Reassign the "ctrl+s" hot key to "Save & Reload".(Goto Builder Menu "Tools" > "IDE Settings" > "IDE Hot Keys" , locate "Save & Reload" , double click and press CTRL S keys)

Quickly locate a component using "ctrl+click" on a GUI control in the canvas to select the component on the "Component Hiearchy" palette. (NOTE : the matrix component swallows the "ctrl+click". So in order to click select a matrix control, you must do the clik on the little grey patch under the vertical scrollbar where the events bubbling is not cancel)

Float the "Component Libraries" palette to give more display area for the "Properties Editor" and "Event Editor" palettes. (This is really just a preference, but I find it useful since you can see more of the properties at a glance).

Update

Context sensitive help press keys "alt+F1" while focusing on the component you like get help on (For example, component hiearchy tree) to open the HTML Doc page on the component.

0 Comments Permalink Tags: ajax, gi, general, interface, builder

Useful tools for AJAX application development

Posted by Darren Hwang Oct 13, 2008

These software tools provide additional assistance in developing tests:
1. For Internet Explorer, download and install the Developer Toolbar. This tool
provides a very useful DOM Explorer function that allows you to inspect the
generated HTML markup at runtime.
Microsoft Internet Explorer Developer toolbar

2. Download and install Visual Web Developer 2005 Express Edition. This web
IDE provides syntax highlighted editing for HTML, XML and JavaScript.
Visual Studio Express

3. For Firefox, the best debugging tool is

Firebug Addon

4. For Firefox, you can alternatively download and install the Web Developer toolbar.
Firefox Developer Toolbar add-on

5. Best IDE editor for Javascript is IntelliJ IDEA, but you need to pay license for this

6. If you use the Eclipse IDE, install the JSEclipse plug-in for JavaScript editing.
JSEclipse Editor plugin

7. Alternative free editor, try Notepad++ which supports more than two dozen different programming language editing. Also download the FunctionList plugin which will show you list of methods and class in an easy to access side pane.

Notepad++

0 Comments Permalink Tags: ajax, general_interface, ria, gi, general, interface

How to do row highlight of Table row on mouse over

Posted by Darren Hwang Oct 9, 2008

Table Spyglass Event property enter this code.


var id = this.getId() + "_" + strRECORDID; 
if (id) document.getElementById(id).style.backgroundColor="yellow";
if (document.getElementById(this.lastid)) document.getElementById(this.lastid).style.backgroundColor=''; 
this.lastid = id;

2 Comments Permalink Tags: gi, general, interface, table