Dojo widgets setup instructions

You might need to do some setup before using the Dojo widget samples.

Before you begin

Note:
To import the selected sample, you must install and use the local help.
To run the samples, you must have the following projects in your workspace:
  • EGL Rich UI widgets project (com.ibm.egl.rui)
  • Dojo widgets project (com.ibm.egl.rui.dojo.widgets)
You also need one of the following Dojo provider projects:
  • Dojo Toolkit project (com.ibm.egl.rui.dojo.runtime.local)
  • Google provider project (com.ibm.egl.rui.dojo.runtime.google)
  • Yandex provider project (com.ibm.egl.rui.dojo.runtime.yandex)

If you want to import a project that is not in your workspace, go to the topic named "Importing product-supplied projects."

The Dojo sample project itself contains the following EGL files:

GraphSample.egl
This sample contains the following types of charts that you can use to plot data: a bar graph, bubble chart, line graph, and pie chart. A sample of a grid is also included.
Gallery.egl
This sample shows how to use many of the Dojo widgets. With content from the dojo.samples.perwidget package, it shows how to use a DojoAccordionWidget sample to select widgets.
ServiceSample.egl
This sample contains Dojo widgets that you can use to track calls to both a nonworking and working Internet page.

About this task

These setup instructions are specific to using the local Dojo toolkit. If you want to use the Google or Yandex provider project, you must import the project and change the EGL build path and project references to reflect the project being used. For details, see "Accessing a remote Dojo Toolkit."

Procedure

  1. Expand the sample project. Select com.ibm.egl.rui.dojo.samples > EGLSource > dojo.samples.
  2. You can view and change the samples. To view a sample, right-click the sample and click Open With > EGL Rich UI Editor.
  3. To start working with a sample, click the Preview tab. Each sample includes a description and information about the location of the source code. You can use the Rich UI editor to modify the source code and to view your changes.

What to do next

A sample for each Dojo widget is located in the dojo.samples.perwidget folder. Other samples are in the following folders:
  • utils.dialog
  • utils.map
  • utils.portal
  • tools
  • utils