Bootstrap widgets setup instructions

The EGL bootstrap widget library represents a set of commonly used bootstrap widgets that extend the Rich UI widget library which provide the responsive design support. These widgets are available on the palette in the EGL Rich UI editor and can be used with the EGL Rich UI widgets or your own custom widgets.

Before you begin

Note: To import the selected sample, you must install and use the local help.

Bootstrap is an open source toolkit for developing with HTML, CSS and JS. For more information about the bootstrap, see https://getbootstrap.com/.

Procedure

  1. Expand the sample project. Select com.ibm.egl.rui.bootstrap.samples > EGLSource > bootstrap.samples. A sample for each bootstrap widget is located in the bootstrap.samples.perwidget folder.
  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.