[FELIX-1959] Move towards unified L&F and extended branding support

• Type: New Feature
• Status: Closed
• Priority: Minor
• Resolution: Fixed
• Fix Version/s: webconsole-3.0.0
• Component/s: Web Console
• Assignee: Felix Meschberger
• Reporter: Valentin Valchev
• Created: 22/Dec/09 09:18
• Updated: 01/Apr/10 11:50
• Resolved: 22/Feb/10 14:21

Description

Currently the Web Console uses heavily on the JQuery framework. Using a unified JavaScript framework simplifies development of all plugins and unifies the used approach.

However, when talking about visual styling, there are number of differences because each plugin developer uses own styles.

My suggestion is to adopt the JQuery UI . The benefits of using it as unified widget/css framework are:

• no time to spend on writing widgets already in the library
• clean CSS visual styling
• easy way to change the L&F by changing the theme (extended branding support!)
• improved cross-browser support (JQuery UI takes care of CSS differences)

Using the JQuery UI framework the developer shouldn't care about color but only for layout - components position; and for data being displayed.

To illustrate the benefits I've saved the "Log Service" page, modified it to use JQuery UI, took screen-shot, modified the theme CSS only, and again took screen-shot, and finally added the original L&F for reference, so you can easily compare the result.

The attached image contains the combined screen-shots.
"

Issue Links

• relates to: FELIX-1988 Integrate jQuery UI integration into the Web Console Trunk