Archive for the ‘Know-how’ Category

Simplest 3 Columns Layout with CSS

Tuesday, April 8th, 2008

After experimenting with Designing a 3 columns web page using TableLayout I have came with the solution that is, IMO, simplest possible: 3 Columns Layout Example #ct-wrap { text-align:center; ...

How to center an element in quirks mode

Tuesday, April 8th, 2008

It has been my problem because I needed to use quirks mode due to Ext not playing well in standards compliant mode and still have an element, a container with fixed width, centered in the browser's window working cross-browser. Standard approach is to use css: #ct { width: 960px; ...

Designing a 3 columns web page using TableLayout

Saturday, April 5th, 2008

See also: Simplest 3 Columns Layout with CSS Design Goals I have decided to re-design my webpage because I used some nested floating divs and I started to lose track of the hierarchy and css rules assigned to them. The design goals were: Fixed width content area always displayed centered in the ...

How to build a Tree from static data

Friday, April 4th, 2008

Ext.BLANK_IMAGE_URL = '../ext/resources/images/default/s.gif'; Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); var children = [{ text:'First Level Child 1' ,children:[{ text:'Second Level Child 1' ...

How to keep expanded state of Accordion items

Friday, April 4th, 2008

One of the possible solutions is: Ext.BLANK_IMAGE_URL = '../ext/resources/images/default/s.gif'; Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); Ext.onReady(function(){ var p = new Ext.Panel({ title: Ext.fly('title').dom.innerHTML ...

Button With Buffered Clicks

Wednesday, April 2nd, 2008

My users are used to double-clicks to such a degree that they double-click everything, also buttons. This has created the problem with buttons that add records to grid as always two records were added. Here is handling: this.toolbar.add({ id:this.id + '-btn-add-record' ,text:this.addText ,tooltip:this.addRecordText ,iconCls:'icon-plus' ,disabled:true ...