Back to component list

Example

Dimension List

Notes

The entire dimension item is clickable and draggable. Clicking any point, except the menu trigger, will open the dimension modal. Dragging any point will activate drag mode. A single pointer cursor is used, rather than attempting to switch between cursors.

Demo

Data
Period
Organisation unit
Area
Facility Ownership
Location Fixed/Outreach
Dimension with a long title that must be handled on multiple lines and not break the dimension item
Disabled item
Data

Example

Drag only items

Notes

Some dimension items cannot be clicked to open a modal. There are only two actions: click the menu trigger, or drag the item. In this case, the whole item is draggable. (Example: Assigned Categories in Data Visualizer).

Demo

Assigned Categories