About the dashboard and dashlet user interface

The Web UI Framework provides a default implementation for the dashboard user interface. The UI screen is an ExtJS-based screen. It supports organizing dashlets in a column layout.

The figure below shows the organization of a column layout based dashboard.

Dashboard user interface

The dashboard UI consists of following components:
  • Header or title
  • Action bar for dashboard-related actions
  • Content body where dashlets are organized in a column layout

The Web UI Framework provide a default dashlet container UI that can be used along with the dashboard UI. The figure below shows the sample dashlet container UI.

Dashlet user interface

The dashlet container UI consists of following components:
  • Header or title
  • Toolbox in the header that contains three tools: close, refresh, and collapse
  • Content body that is rendered using the dashlet metadata definition. The dashlet URL is used to generate the content body.