Dojo Widgets for EGL Rich UI

VERSION 14 Published

Created on: Mar 25, 2009 12:27 PM by will.smythe - Last Modified:  Nov 18, 2009 10:01 PM by will.smythe

Introduction

This EGL widget library enables you to utilize the popular (and powerful) Dojo widgets in your EGL Rich UI applications. These widgets are available on the palette in the EGL Rich UI editor and can be used along side EGL widgets or your own custom widgets. Besides having a modern look and feel, this sample library includes other widgets not provided out-of-the-box with EGL, including graphing widgets, a tab folder, a pop-up dialog, and more.

More about Dojo

The Dojo Foundation provides a set of reusable, JavaScript-based widgets that can be used to build Rich Internet Applications. IBM has adopted the open-source Dojo toolkit (dojotoolkit.org) as its internal standard, is a key contributor to the Dojo project, and a committed member of the Dojo Foundation. The IBM commitments to the Dojo project include enterprise features such as internationalization, data binding, and accessibility support.

For more information, visit the Dojo Toolkit web site - http://www.dojotoolkit.org

Download the code (version 0.7.1.1)

The Dojo widget library is packaged as a Project Interchange .zip file. To install, download from the link below, then, from within your development workbench, select File > Import > Project Interchange and browse to the .zip file. It is recommended to have already created a Rich UI project, since the Dojo library project depends on the com.ibm.egl.rui_1.0.2 project.

Download now

Note: this library is designed for Rational Business Developer 7.5.1.4 and above. EGL Community Edition already includes this version of the Dojo library.

Available widgets

  • Accordion Container (new)
  • Bar Graph
  • Bubble Chart (new)
  • Button
  • Check Box
  • Color Palette (new)
  • Combo Box (new)
  • Content Pane (new)
  • Context Menu
  • Currency Text Box
  • Date Text Box
  • Dialog
  • Grid
  • Horizontal Slider (new)
  • Line Graph
  • Menu
  • Pie Chart
  • Progress Bar
  • Radio Group
  • Tab Container
  • Time Text Box
  • Title Pane
  • Tree

Documentation

To download the documentation for the EGL Dojo widgets Dojo Widgets for EGL Rich UI.

Live Gallery (with code samples)

http://eglplanner.com/dojo/
Attachments:
Tags: dojo, widget, sample
Average User Rating
(2 ratings)




Apr 13, 2009 2:16 PM Click to view ChrisLaffra's profile ChrisLaffra says:

I think George did an awesome job on packaging these samples, collecting what various people had contributed to already in EGL land, and figure out how to properly compress the result. Check out his blog entry on dojo compression: http://www-949.ibm.com/software/rational/cafe/blogs/egl-rich-web/2009/04/13/egl-dojo-widgets-38-the-dojo-build-systems.

Nice job, George!

May 22, 2009 2:41 PM Click to view dan_darnell's profile dan_darnell says:

More, please!

Specifically, we could really use a border layout container with resizeable panes and an accordion menu.

Also, the gallery presentation here is a good start, and I know that the sample source is available when you download the Zip file, but it would be an awesome addition to have a "Show Source" link for each sample here in the gallery. This would bring this gallery more in line with other online component galleries (Dojo, ExtJs, etc.) by providing awesome one-stop shopping for playing with samples online AND snagging the code behind them.

--Dan

Sep 4, 2009 12:37 PM Click to view rcancill's profile rcancill says: in response to: dan_darnell

Dan,

I totally agree. These samples are wonderful, but I'd love to see the code, and I would also like to see how the widget is mapped to the Web page.

Bottom Banner