Styles (CSS Classes)

The following diagrams of DB2 Alphablox components display pointers from the GUI elements on the Blox components to the names of the CSS classes that will affect the look-and-feel of those elements.

To use these diagrams, click on either the thumbnail images or the titles to open the charts in a new browser window.

Thumbnail Image Description

PresentBlox

Shows CSS classes associated with Blox GUI components, including the menubar, toolbars, data layouts, grids, and charts.

Custom PresentBlox

This custom PresentBlox (with two grids instead of a grid and a chart) is primarily intended to show the CSS classes associated with row and column generation styles. Also shows some standard PresentBlox component styles.

Dialog (Bookmark - Add or Save)

Shows CSS classes associated with selected dialog styles, buttons, labels, and unique bookmark styles.

Dialog (Bookmark - Load)

Shows CSS classes associated with selected GUI elements, including unique bookmark elements (e.g., folder and leaf nodes), labels, and buttons.

Dialog (Bookmark - Organize)

Shows CSS classes associated with selected dialog styles and unique bookmark styles. Includes examples of styles associated with diabled buttons and bookmarks (read-only edit fields, icons, and panel classes)

Chart - Options

Shows CSS classes associated with radio buttons, checkboxes, labels, and dialogs.

Dialog (Chart - Edit Trendlines)

Shows CSS classes associated with selection lists, buttons, and dialogs.

Dialog (Member Filter)

Shows CSS classes associated with tree components, menu selection, buttons, and dialogs. The Advanced "button" is really a menubar component styled to look like a button.

Dialog (Member Filter - Find)

Shows CSS classes associated primarily with buttons and dialogs.

Dialog (Member Filter - Preview)

Shows CSS classes associated with selection lists, buttons, and dialogs.

 

PresentBlox (with No data message)

Shows other GUI elements of a PresentBlox in various states.