-
Notifications
You must be signed in to change notification settings - Fork 162
[Draft] Pivot Data Selector Specification
- Overview
- User Stories
- Functionality
- Test Scenarios
- Accessibility
- Assumptions and Limitations
- References
Team Name
Developer Name
Stefan Ivanov
- Peer Developer Name | Date:
- Design Manager Name | Date:
- Product Owner Name | Date:
- Platform Architect Name | Date:
Version | Users | Date | Notes |
---|---|---|---|
1 | Names of Developers and Designers | Date |
Define the high-level goals End-to-end user experience prototype
Must-have before we can consider the feature a sprint candidate
...
Elaborate more on the multi-facetted use cases
Developer stories:
- Story 1: As a developer, I want to…, so that I can… prototype
- Story 2: As a developer, I want to…, so that I can… prototype
- Story 3: As a developer, I want to…, so that I can… prototype
End-user stories:
- Story 1: As an end-user, I want to drag a data column to the filter area, so that I can configure criteria and show records satisfying them.
- Story 2: As an end-user, I want to drag a data column to the
rows
area, so that I can define a pivot data selector of typerows
. - Story 3: As an end-user, I want to hover on a data column and assign it to
rows
, so that I can quickly configure the pivot state without dragging stuff around. - Story 4: As an end-user, I want to choose a sort order for the
rows
, so that they can appear ASC or DESC. - Story 5: As an end-user, I want to drag a data column to the
columns
area, so that I can define a pivot data selector of typecolumns
. - Story 6: As an end-user, I want to hover on a data column and assign it to
columns
, so that I can quickly configure the pivot state without dragging stuff around. - Story 7: As an end-user, I want to choose a sort order for the
columns
, so that they can appear ASC or DESC. - Story 8: As an end-user, I want to drag a data column to the
columns
area, so that I can define a pivot data selector of typevalues
. - Story 9: As an end-user, I want to hover on a data column and assign it to
values
, so that I can quickly configure the pivot state without dragging stuff around. - Story 10: As an end-user, I want to choose an aggregation function for the
values
from a predefined list, so that my aggregates for one column are SUM and for another AVG. - Story 11: As an end-user, I want to drag pivot selectors from one area to another, so that I can change the type of pivot selector e.g. from
rows
tocolumns
. - Story 12: As an end-user, I want to drag pivot selectors away from the selector pane, to remove them from the state of the pivot.
Describe behavior, design, look and feel of the implemented feature. Always include visual mock-up
3.1. End-User Experience
The igxPivotGrid provides means to configure the pivot state via a vertical panel UI called data selector
that appears adjacent to the grid before or after it. Besides a searchable list with the grid data columns, there are also four expandable areas underneath for filters
, rows
, columns
, and values
. Drag and drop is possible between those 4 areas, as well as from the data columns area at the top to any of the four areas below it. Each area offers actions specific to its items such as an icon to change the sort order or aggregating function for the values.
An action strip is shown upon hovering any column name at the top containing an action for assigning the column to one of the four pivot selectors: filters
, rows
, columns
, and values
.
3.2. Developer Experience
3.3. Globalization/Localization
Describe any special localization requirements such as the number of localizable strings, regional formats
3.4. Keyboard Navigation
Keys | Description |
---|---|
3.5. API
Name | Description | Type | Default value | Valid values |
---|---|---|---|---|
Name | Description | Return type | Parameters |
---|---|---|---|
Name | Description | Cancelable | Parameters |
---|---|---|---|
Automation
- Scenario 1:
- scenario 2:
ARIA Support
RTL Support
Assumptions | Limitation Notes |
---|---|
Specify all referenced external sources