SwiftUI is a custom tag library which provides skinnable components to ease the UI development of J2EE web applications. The library is composed of a set of easy to use custom JSP tags which renders the output in pure HTML. Most common tasks like creating data grids, creating visual containers, generating forms, creating interactive tree structure or creating toolbars can be easily and efficiently accomplished using SwiftUI tags.

There are certain key advantages that you will gain when you use SwiftUI components.

Completely skinnable components with capability to add your own skins

Easy deployment and integration with your existing projects

Minimum learning curve. No special scripting/programming involved

Framework independent components. You can use them in any J2EE web project

Development of the presentation layer of J2EE web applications become rapid and efficient giving a consistent look.

Want a different look? Just change the skin and not the code

Following tags are included in the 0.5 beta release:

Grid
Grid tag is the most important component offerred by the library. It uses the ValueList object provided along with the other attributes like headers and properties to render the tabular data. Selected columns in the grid can be sorted in ascending or descending order. The grid can also be made form enabled. This means that you can define a form handler and the grid will have a configurable submit button. You can then generate HTML form elements in the columns as the grid is HTML aware thereby giving you an interactive and editable data grid. Like all the other components, grid is a skinnable component. You edit the style properties to customize it's look.

Panel
Panel is a static visual container. This tag renders square structure based on the style of the skin it is using. Any HTML can be used as a body of this tag to render it's contents. You can let the Panel adjust to the size of it's cotents or you can give it a fixed size. Panels can be extremely useful for organizing the contents of your web site in a consistent manner.

Form
This tag creates an HTML Form. Additionally, it allow you to control the visual placement of the form elements in a convenient and meaningful manner. This tag uses form element tags provided by the tag library which are:

text: Tag to create text label

textfield: Tag to create text field

password: Tag to create password field

filefield: Tag to create file field for file upload forms

checkbox: Tag to create checkbox component

radio: Tag to create radio component

select: Tag to create select box

option: Tag to create option item for select

list: Tag to create select box using ValueList and properties to render the items

Bar
This tag provides a toolbar component which looks like a bar shaped object. Style can be controlled through the skin. It can accoodate HTML as it's body and ideally, it will use text links, icons/images. Like we said, it is a toolbar.

Link
This tag creates a text or image linked to a specified hyper reference.

Tree
Tree tag creates a an interactive tree. You can expand or collapse nodes and link nodes and items to any hyper references.
The tag internally uses the treeNode and treeItem tags.

treeNode: This tag defines a node in the tree. It can have an image and text to represent it.

treeItem: This tag defines a leaf in the tree. It can have an image and text to represent it.