RichUI Plugin Author: Andreas Schmitt. Abstract This plugin adds a set of AJAX components which can be used to create rich user interfaces without having to deal with JavaScript libraries.
Installation To install the plugin type: grails install-plugin richui Components General information which applies to all components:. The plugin contains the following components:. (creates images dynamically).
Resources 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: ComponentName stands for the name of a component. To include the required ressources for the AutoComplete component you would include the following markup in your HTML header: Release 0.7 changes the way component resources are defined. Instead of including the following tags as of version 0.6.
This will ensure that JavaScript, CSS etc. Resources are not duplicated in your GSP.
The old mechanism is still available, but considered deprecated and will probably be removed in one of the upcoming releases. To upgrade to the new mechanism you basically put the component names you would like to use into the components attribute of the new tag.
Component specific attributes such as the default skin are defined by using the component name as attribute with a map of the attributes as value e.g. The default skin for autoComplete. Remote resources All components based on Yahoo User Interface (YUI) offer the possibility to use local CSS and JavaScript resources (default) or remote resources served from Yahoo's servers. You can enable remote resources globally for all supported components by adding the following line to 'yourproject/grails-app/conf/Config.groovy'. If you use remote resources you can delete 'yourproject/plugins/richui-0.5/web-app/js/yui' and reduce the size of your WAR file. The following components are based on YUI:. AutoComplete.
Tooltip. TreeView Skins Instead of the bundled CSS files you can create your own CSS skins and specify that these should be used. This is done via the skin attribute of the resource tag e.g. Includes a CSS file which should be located in 'yourproject/web-app/css/myAutoComplete.css'. A custom CSS skin would be typically based on a bundled one so you can take the bundled ones as templates. They are located in 'yourproject/plugins/richui-0.5/web-app/css'.
Global renderer configuration RichUI uses a renderer concept where each component is rendered by a dedicated renderer. Which renderer is used can be configured e.g. To easily switch between Yahoo Maps and Google Maps or tinyMCE and Yahoo Rich Text Editor etc. A default configuration can be found in RichuiConfig.groovy (richui-version/grails-app/conf). You can override this configuration by adding a property called richui.renderername='rendererclass' where renderernames can be found in (richui-version/grails-app/conf).
A sample text. Another sample text. Even another sample text. The Accordion tag supports the following attributes:. class (CSS class).
Esi sysweld. Esi sysweld 2017.0 windows ssq Sysworld.0 ssq.esi sysweld using the welding simulation solution.anycasting 6.0 esi.sysworld.sysweld.systus.sysmagnaesi pam stamp. Posted by: csk in windows softwares april 24, 3 views.the release of esi pam stamp 2017 delivers major. ESI SysWeld 2010 0 Windows SSQ torrent. Information about the torrent ESI SysWeld 2010 0 Windows SSQ. Seeders, leechers and torrent status is updated everyday.
style (CSS style) The AccordionItem tag supports the following attributes:. caption (item caption). id (HTML id) Example GSP. A sample text. Another sample text. Even another sample text.
Customization If you don't like the standard skin of the accordion you can change it by adding a skin attribute to the resource tag. Default skin. One Two Three Four This will render a carousel which allows you to navigate through the items specified. You can put any kind of HTML or GSP into a carouselItem. The Carousel tag supports the following attributes:. direction (direction of the carousel, can horizontal or vertical) required.
carouselStyle (CSS style for entire carousel). carouselClass (CSS class for entire carousel). itemsStyle (CSS style for carousel items). itemsClass (CSS class for carousel items) Example GSP. One Two Three Four Customization If you don't like the standard skin of the carousel box you can change it by adding a skin attribute to the resource tag.
Default skin. This will render a HTML input tag with the name birthday which will display a popup calendar when it is selected.
The selected date will be displayed in format dd.MM.yyyy. This will render a coverflow which allows you to navigate by using the slider or clicking on the images. The Flow tag supports the following attributes:. caption (displays img alt-attribute as caption, can be true or false, defaults to false).
reflection (turns image reflection on and off, can be true or false, defaults to true) (!) Broken reflection='false' doesn't seem to work. onClickScroll (turns on lick scrolling on and off, can true or false, defaults to true). startIndex (specifies initial scroll index, can be an integer, defaults to 2).
slider (turns slider visibility on and off, can be true or false) Example GSP. Font 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 To use the Font component include the following markup in your GSP. This will generate an image displaying the text 'Groovy is cool' using the Wargames font with font style bold, a size of 36pt and the color blue. The Font tag supports the following attributes:.
text (text to display) required. fontName (name of the font) required.
fontStyle (style of the font, can be plain, bold and italic, defaults to plain). size (size of the font) required. color (font color in HEX, defaults to #000000 black) Example GSP.
Picture 1 Picture 2 This will show the lightbox overlay when you click Picture 1 or Picture 2. The lightBox tag supports all attributes of a normal HTML tag plus a group attribute:.
href (url to the image which should be displayed) required. group (image group name to group a number of images). class (CSS class attribute). style (CSS style attribute). Picture 1 Picture 2 Another picture Map The Map tag displays addresses on a map including search funtionality and driving directions. Depending on the renderer you choose it is either based on Google Maps API (default), Yahoo Maps or Microsoft Virtual Earth.
This component has been renamed to map since version 0.6. In previous versions the tag was called googlemaps.
To use the Map component include the following markup in your GSP. This will render a map displaying position 40.689299 (latitude) and -74.044 (longitude). For your key you have to supply your Google Maps key (or Yahoo Application ID (First of all you have to include the resource tag which supports the following attributes:. key (your GoogleMaps key or Yahoo Application ID) required, Note: Microsoft Virtual Earth doesn't require a key. version (GoogleMaps, Yahoo Maps or Microsoft Virtual Earth version, defaults to 2.x for GoogleMaps, 3.8 for Yahoo Maps and 6.2 for Microsoft Virtual Earth). type (Map renderer, can be GoogleMaps, YahooMaps and MicrosoftVirtualEarth, defaults to GoogleMaps) Google Maps API V3 no longer requires a key.
RichUI 0.9 supports V3. This will render the star rating component displaying 5 stars and a current rating of 2 stars. The component is dynamic which means a user can rate and this rating will be asynchronusly submitted to controller rating and action rate. My Tab 1 This is tab 1. And this is tab 2. This is tab 3.
A link This will render a TabView with three tabs My Tab 1, Tab 2 and Tab 3. The TabView tag supports the following attributes:. id (DOM id for generated div) The TabLabel tag supports the following attributes:. selected (specifies which tag is initially selected, can be true or false). title (title of the tab) required The content of a tab can be normal HTML or GSP tags.
Customization If you don't like the standard skin of the tab view you can change it by adding a skin attribute to the resource tag. Default YUI skin. This will render a tag cloud displaying the tags Java, Grails and Groovy. This will render a SIMILE timeline using as datasource.
A link This will show a tooltip when you hover over the link. The Tooltip tag supports the following attributes:. id (DOM id of the HTML element for which the tooltip should be displayed. The text is specified via the HTML title attribut) required TreeView This component creates a tree view based on data given in XML.
It is based on YUI. To use the TreeView component include the following markup in your GSP. The last option allows you to use your own stylesheet.
See webapp/css/treeView.css in the plugin directory for an example. You can also modify this file directly if you like and use the second option. Plugin version history ^. May 04, 2010 (version 0.8). Bug fixes. yieldUnescaped bug fixed (ensures compatibility with the upcoming Grails 1.3 release). dateChooser day selection fixed.
autoComplete data source naming fixed. 08, 2009 (version 0.7).
Lightbox added. Slider added. New resource include mechanism. YUI updated to 2.8.
Improvements and bug fixes. Calendar components support multiple domain classes. DateChooser supports onChange, onFocus and onBlur.
Feb. 04, 2009 (version 0.6). Global renderer configuration. googlemaps component renamed to map and support for Yahoo Maps and Microsoft Virtual Earth. Timeline supports highlighting of events. Bug fixes.
AutoComplete onItemSelect. Dec.
31, 2008 (version 0.5). Pass through attributes for AutoComplete, DateChooser and RichTextEditor. All components are skinnable using a skin convention. Support for serving YUI resource files remotely.
Calendar beta components (CalendarMonthView, CalendarWeekView and CalendarDayView added). YUI updated to 2.6. StarRating can store rating in form field (no AJAX mode).
Many improvements and bug fixes thanks to contributions from community members. CheckedTreeView. DateChooser improvements.
More supported date formats. timezone attribute. Possibility to enter time.
Bug fixes. Grails, RichUI & existing HBM-Files. TagCloud controller attribute has no effect. Mar.
31, 2008 (version 0.3). Timeline javascript files are now served locally. Mar.
24, 2008 (version 0.3). Updated to Grails 1.0.2.
YUI updated to 2.5.1. AutoComplete supports forceSelection, typeAhead and title (thanks to Sanjay Mysoremutt). DateChooser supports firstDayOfWeek setting.
Jan. 23, 2008 (version 0.2). AutoComplete supports onItemSelect attribute to specify a custom javascript function. DateChooser defaults to no date and locale defaults to request locale. GoogleMaps directionsLocale defaults to request locale. TreeView supports onLabelClick attribute to specify a custom javascript function. Bug fixes.
Jan. 6, 2008 (version 0.1). Initial version released Comments Hide Comments dellsoft Jan 06, 2008 07:32 User Comments Jan 15, 2008 19:55, Updated by Carl Garcia If the plugins.grails.org server is down, you can install the plugin in the following manner. Tag lightBox does not exist. No tag library found for namespace: resource Code Snippet: 18: 19: 20: Jan 29, 2010 10:0, Clumsy Is there something wrong with the checkedTreeView. For some reason I can make my checkedTreeView collapse. I am only able to see the root nodes, even so they are all separated.
Maybe smth's wrong with the css? May 20, 2011, msinatl See for details on patching a security flaw present in YUI 2.8. Andreas, is there any plan to update the version of YUI packaged with the plugin?
caption (item caption)??
direction (direction of the carousel, can horizontal or vertical) required. carouselStyle (CSS style for entire carousel). carouselClass (CSS class for entire carousel). itemsStyle (CSS style for carousel items). itemsClass (CSS class for carousel items)??
. name (name of the input tag) required. id (id of the input tag, defaults to name if not specified).
class (CSS class). style (CSS style).
format (date format, currently only dd.MM.yyyy and MM/dd/yyyy are supported). locale (the locale for month names, en and de are supported, defaults to request locale). value (value of the input text, must be a Date). firstDayOfWeek (specifies first day of the week, can be Su, Mo, Tu, We, Th, Fr or Sa)??
Eclipse Grails Plugin
caption (displays img alt-attribute as caption, can be true or false, defaults to false). reflection (turns image reflection on and off, can be true or false, defaults to true) reflection='false' doesn't seem to work. onClickScroll (turns on lick scrolling on and off, can true or false, defaults to true).
startIndex (specifies initial scroll index, can be an integer, defaults to 2). slider (turns slider visibility on and off, can be true or false)??
It is inspired. To use the Font component include the following markup in your GSP. This will generate an image displaying the text 'Groovy is cool' using the Wargames font with font style bold, a size of 36pt and the color blue. The Font tag supports the following attributes:.
text (text to display) required. fontName (name of the font) required. fontStyle (style of the font, can be plain, bold and italic, defaults to plain). size (size of the font) required. color (font color in HEX, defaults to #000000 black)??
This will render the star rating component displaying 5 stars and a current rating of 2 stars. The component is dynamic which means a user can rate and this rating will be asynchronusly submitted to controller rating and action rate. The StarRating tag supports the following attributes:. dynamic (specifies whether rating can be modified or not, can be true or false, defaults to false). action (action to submit rating) required.
controller (controller to submit rating) required. id (id of a domain object). showCurrent (shows current rating as text, can be true or false, defaults to false). units (determines the number of stars which will be displayed, can be 1- 10, defaults to 5).
rating (current rating, can be a double number, defaults to 0) Example GSP.
And this is tab 2. This is tab 3. A link This will render a TabView with three tabs My Tab 1, Tab 2 and Tab 3. The TabView tag supports the following attributes:.
id (DOM id for generated div) The TabLabel tag supports the following attributes:. selected (specifies which tag is initially selected, can be true or false). title (title of the tab) required The content of a tab can be normal HTML or GSP tags. Customization If you don't like the standard skin of the tab view you can change it by adding a skin attribute to the resource tag. //Default YUI skin //Default RichUI skin (uses webapp/css/tabView.css, webapp/js/yui/fonts/fonts-min.css and webapp/js/yui/tabview/assets/tabview-core.css in the plugin directory) //Custom The last option allows you to use your own stylesheet. See webapp/css/tabView.css in the plugin directory for an example.
' TagCloud This component creates a tag cloud displaying the occurrences of tags. To use the TagCloud component include the following markup in your GSP.
This will render a tag cloud displaying the tags Java, Grails and Groovy.
The text is specified via the HTML title attribut) required ' TreeView This component creates a tree view based on data given in XML. It is based on.
To use the TreeView component include the following markup in your GSP. //Default YUI skin //Default RichUI skin (uses webapp/css/treeView.css in the plugin directory) //Custom The last option allows you to use your own stylesheet. See webapp/css/treeView.css in the plugin directory for an example. You can also modify this file directly if you like and use the second option. ' Plugin version history. Apr. 24, 2008 (version 0.4).
Bug fixes. Grails, RichUI & existing HBM-Files. Dvdfab hd decrypter keygen torrent. TagCloud controller attribute has no effect. Mar. 31, 2008 (version 0.3).
Timeline javascript files are now served locally. Mar. 24, 2008 (version 0.3). Updated to Grails 1.0.2. YUI updated to 2.5.1. AutoComplete supports forceSelection, typeAhead and title (thanks to Sanjay Mysoremutt).
Grails 3
DateChooser supports firstDayOfWeek setting. New components. Carousel. Flow. Portlet. ReflectionImage.
Rating component improved. Jan. 23, 2008 (version 0.2). AutoComplete supports onItemSelect attribute to specify a custom javascript function. DateChooser defaults to no date and locale defaults to request locale. GoogleMaps directionsLocale defaults to request locale. TreeView supports onLabelClick attribute to specify a custom javascript function.
Bug fixes. Jan. 6, 2008 (version 0.1). Initial version released.