Dashboards are used to create new screen layouts with system-defined or process-developer-defined lists of widgets.
The dashboard uses a 12-column grid layout to organize its panels. This layout is based on dividing the width of the screen into 12 equal parts (columns). Each panel can span multiple columns, depending on its size and importance. By assigning different widths to panels (e.g., 3, 6, or 12 columns), the layout remains flexible and responsive. This structure allows the content to rearrange itself dynamically on different screen sizes, ensuring optimal viewing on both large and small devices.
After panels are added to the list, you can define their width to adjust the layout according to the screen width.
Panels
System Defined Panels
Emakin defines the following panels as standard. Some panels may have additional configuration settings.
Worklist Counts
Displays the user’s worklist items by Critical, High Priority, Inbox, and Outbox categories.
Case List
Displays the list of cases that the user has permission to view.
Configuration
When no configuration is set displays the recently updated top 10 cases. Configuration data can be set as a plain text or JSON object.
Plain text
Lists all cases containing the “search” keyword.
search
JSON Data
JSON configuration provides more detailed control on the case list.
{ "query": "search", "start": 0, "length": 50, "showFilter": true, "preferenceKey": "mydashboard" }
Field | Description |
---|---|
query | Specifies the query to be performed |
start | List start offset |
length | Maximum list length |
showFilter | Specifies whether or not to display the filter toolbar. |
preferenceKey | Key to store filter preferences. Leave empty if persistence is not required. |
Work List
Displays the tasks that are assigned to a user.
Configuration
When no configuration is set displays the top 10 tasks assigned to the user. Configuration data can be set as a plain text or JSON object.
Plain text
Lists all cases containing the “search” keyword.
search
JSON Data
JSON configuration provides more detailed control on the case list.
{ "query": "search", "start": 0, "length": 50, "showFilter": true, "preferenceKey": "mydashboard" }
Field | Description |
---|---|
query | Specifies the query to be performed |
start | List start offset |
length | Maximum list length |
showFilter | Specifies whether or not to display the filter toolbar. |
preferenceKey | Key to store filter preferences. Leave empty if persistence is not required. |