X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..05ce1c11e98b33f14ddee184493bd5a60dc947e2:/examples/statusbar/statusbar-demo.html?ds=sidebyside diff --git a/examples/statusbar/statusbar-demo.html b/examples/statusbar/statusbar-demo.html index dbfdbc0f..23919b63 100644 --- a/examples/statusbar/statusbar-demo.html +++ b/examples/statusbar/statusbar-demo.html @@ -1,41 +1,45 @@ - + - StatusBar Examples + Ext.ux.StatusBar Examples - - - - - - - - + + + + + + + + + + + + +

StatusBar Examples

-

Here are several examples of using and customizing the Ext.StatusBar component.

+

Here are several examples of using and customizing the Ext.ux.StatusBar component.

Note that the js is not minified so it is readable. See statusbar-demo.js.

- +

Basic StatusBar

This is a simple StatusBar with a few standard Toolbar items included.

-

Right-Aligned StatusBar

-

This is a simple StatusBar that has the status element right-aligned. Any StatusBar items will be added in +

This is a simple StatusBar that has the status element right-aligned. Any StatusBar items will be added in exactly the same order on the left side of the bar.

- +

Status Window

You can add a StatusBar to a window in exactly the same way.

- +

Customizing the Look and Feel

This is a standard StatusBar with some custom CSS styles applied and some event handling in place to handle the TextArea's keypress events. Notice that after you've stopped typing for a few seconds a