Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

Anchor
top
top
RichUI Plugin

Anchor
Abstract
Abstract
AbstractRichUI Plugin^

This plugin adds a set of AJAX components which can be used to create rich user interfaces without having to deal with JavaScript libraries.

Anchor
Installation
Installation
Installation RichUI Plugin^

To install the plugin type:

...

Anchor
Components
Components
Components RichUI Plugin^

The plugin contains the following components:

Some of these components require JavaScript libraries or CSS. RichUI contains all these libraries like YUI etc. so you don't have to download them separately. To include the required resources into your GSP the following technique is used:

...

Anchor
Accordion
Accordion
Accordion RichUI Plugin^

This component provides an accordion menu. It is based on http://www.hedgerwow.com/360/mwd/accordion/demo.php?page=1.

...

Anchor
AutoComplete
AutoComplete
AutoComplete RichUI Plugin^

This component provides auto completion functionality for text fields. It is based on YUI.

...

Anchor
Carousel
Carousel
Carousel RichUI Plugin^

This component displays items e.g. photos in a carousel. It is based on Prototype UI.

...

Anchor
DateChooser
DateChooser
DateChooser RichUI Plugin^

This tag allows you to select dates via a popup calendar. It is based on YUI and http://blog.davglass.com/files/yui/cal2.

...

Code Block
<!-- DateChooser resources like JavaScript libraries and CSS -->
<resource:dateChooser />

...

<g:form>
    <richui:dateChooser name="birthday" format="dd.MM.yyyy" value="${new Date()}" locale="de" firstDayOfWeek="Mo" />
</g:form>

Anchor
Flow
Flow
Flow RichUI Plugin^

This tag displays images similar to Apple's Coverflow. It is based on ProtoFlow.

...

Code Block
<!-- Flow resources like JavaScript libraries and CSS -->
<resource:flow />

...
<richui:flow reflection="true" slider="true" onClickScroll="false">

    <g:link action="showPhoto" controller="Photo"><img src="/richuitest/images/imgs/1.jpg" alt="One"/></g:link>
    <img src="/richuitest/images/imgs/2.jpg" alt="Two"/>
    <img src="/richuitest/images/imgs/3.jpg" alt="Three"/>
    <img src="/richuitest/images/imgs/4.jpg" alt="Four"/>

</richui:flow>

Anchor
Font
Font
Font RichUI Plugin^

The Font tag allows you embed special fonts which are probably not available on client PCs. To accomplish this it creates images dynamically. It is inspired by http://rghosh.free.fr/groovyimages/index.html.

...

Anchor
GoogleMaps
GoogleMaps
GoogleMaps RichUI Plugin^

The GoogleMaps tag displays addresses on a map including search funtionality and driving directions. It is based on Google Maps API.

...

Anchor
Portlet
Portlet
Portlet RichUI Plugin^

This tag allows you to build a user interface similar to iGoogle where content can be positioned via drag and drop. It is based on YUI.

...

Anchor
Redirect
Redirect
Redirect RichUI Plugin^

The redirect tag allows you to redirect to another URL.

...

Anchor
ReflectionImage
ReflectionImage
ReflectionImage RichUI Plugin^

This tag adds reflection to images. It is based on http://cow.neondragon.net/stuff/reflection/.

...

Anchor
RichTextEditor
RichTextEditor
RichTextEditor RichUI Plugin^

This tag provides a rich text editor component to enable users to format content. The editing features are not intended to be as sophisticated as those of the FCKeditor plugin. It is based on TinyMCE or YUI.

...

Anchor
StarRating
StarRating
Star rating RichUI Plugin^

This tag provides a star rating component to enable users to rate content. It is based on http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar.

...

Anchor
TabView
TabView
TabView RichUI Plugin^

This component creates tabbed views. It is based on YUI.

...

Anchor
TagCloud
TagCloud
TagCloud RichUI Plugin^

This component creates a tag cloud displaying the occurrences of tags.

...

Anchor
Timeline
Timeline
Timeline RichUI Plugin^

This component creates a timeline which shows events. It is based on SIMILE.

...

Anchor
Tooltip
Tooltip
Tooltip RichUI Plugin^

This component creates a JavaScript tooltip.It is based on YUI

...

Anchor
TreeView
TreeView
TreeView RichUI Plugin^

This component creates a tree view based on data given in XML. It is based on YUI.

...

Anchor
History
History
Plugin version history RichUI Plugin^

  • Apr. 24, 2008 (version 0.4)
    • Accordion added
    • Timeline supports eventBandWidth, eventIntervalUnit, eventIntervalPixels, legendBandWidth, legendIntervalUnit and legendIntervalPixels
    • Bug fixes
      • Grails, RichUI & existing HBM-Files
      • TagCloud controller attribute has no effect

...