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.
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.
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.