Creating Netbeans 6.0 Visual Web Components Custom Theme Using Theme Builder
By winston on Aug 19, 2007
One of the difficult tasks of Netbeans 6.0 Visual Web Pack (VWP) application development is to create a custom theme for the bundled Java Server Faces Components (Woodstock Components). Nobody wants to see their web application visually appear similar to hundred of Web Applications developed using Netbeans 6.0 VWP. But VWP theme structure is complex and no tools are available to support creation of a new custom theme which would help to make the pages look different.
This is my modest attempt to create such tool that helps the users to create a custom theme. Once installed, the tool adds a project type called Woodstcok Components Theme Builder under the category web. A new project can be created using that project type. The created project displays lists of theme resources in the project explorer that can edited. Finally to create the edited custom jar, just build the project.
Woodstock Components Theme Builder for Netbeans 6.0 M10 can be downloaded from
Note: I developed this tool during my spare time, so it did not go through any rigorous QA tests like other Netbeans 6.0 VWP modules.
Steps to create a custom theme using Theme Builder
- Download and install
- Create a new project using File -> New Project -> Web -> Woodstock
Components Theme Builder
- The wizard lets you specify the theme name and theme
package. The created project has logical view of the theme resources
with resources from the default theme bundled with Netbeans 6.0 VWP.
- Once the resources are edited using available editor, build the theme
jar using the build command via the project context menu or the build icon
in the toolbar. The build creates the theme jar in the distribution (dist)
directory of the project.
Step to use the custom theme created using Theme Builder
- Create a new Library under the category Theme Libraries.
Browse and add the theme jar created using Theme Builder project.
- The added theme library automatically appears in the project explorer
under the Themes node in a web project. Right click the node and select menu item "Set as Current Theme". This sets the custom theme as default theme for your