Home | Examples | Installation | Tag Documentation | Demo

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
You can have your applications start using these components in matter of minutes without complex configuration changes.

Following tags are included in the 0.5 beta release:

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 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.

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
These components can be placed in a tabular manner or in more flexible layout, depending upon how you've defined the form.

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.

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

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.
See documentation for further details of these components.