# Advanced StatusBar Example

This is an advanced example of customizing the Ext.ux.StatusBar component via a plugin.

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

## Customizing the StatusBar

The ValidationStatus plugin hooks into the StatusBar and automatically monitors the validation status of any fields in the associated FormPanel. Items of interest:

- The StatusBar syncs in real-time with the valid state of the form as you type
- When the form is invalid, the error status message can be clicked to hide/show a custom error list
- The error list items can be clicked to focus the associated fields
- After submitting successfully, note that the confirmation status message will fade out after 5 seconds and return to the default status (this is a config option)