- style
ExtJS LUX Kitchen Sink | Gaps
DEVELOPMENT Dev Ready STYLING ON HOLD DONE
Priority: 1 (highest) - 4 (lowest)
Description | JIRA | Image | Status | Priority | DEV Estimate |
|---|---|---|---|---|---|
NEW KITCHEN SINK |
|  |
| 1 | 10-13 MW |
Add action icons to grid |
| | DONE |
|
|
Wizard map |
| |
| 1 | 2D |
Calendar week selection |
|
| 3 |
| |
Toggle Button regular + warning state + error state |
| |
| 2 | 2MW |
Search Field – warning + error states |
| |
| 2 | 1D |
Grid – cells multi selection |
| |
| 3 | 1MW |
slider - color selection in blue |
| |
| 1 | 1.5D |
Slider – add warning |
| |
| 2 | 1D |
Add a "drag and drop" example |
|
|
| 3 | 1D |
Grid – add a cell with warning |
| |
| 2 | 2D |
Tooltips with titles |
| | DONE |
|
|
Emphasized button |
| |
| 3 | 2D |
Add all menu types | |
| 1 |
| |
Icon menu |
| |
| 1 | 0.5D |
Text area – readonly VS disabled |
| |
| 1 | 0.5D |
Details pane tabs |
| |
| 1 | 0.5D |
Ribbon tabs |
| |
| 2 | 0.5D |
Add a find element to the kitchen sink |
| https://kanasoftware.jira.com/wiki/spaces/VS/pages/943816996/Interaction+Data+-+UX+Design |
| 4 | 1MW |
| Add an accordion to the kitchen sink, according to LUX documentation |
| 1 | 0.5D | |
| Add a breadcrumbs example to LUX according to LUX documentation |
| 1 | 2D | |
| Should support 2 types of buttons - persistent and fixed (currently only fixed is supported). Fixed - the primary is kept default no matter what the user selects in the menu Persistent - the default is kept until the user makes a different selection which then becomes the default |
| 3 | 1MW | |
Search boxes (for example, combo box) |
| Should support 2 types of search - at the beginning of the string only AND within the string. Default type should be at the beginning of the string (currently supported). |
| 2 | 1D |
| If there is no default date, the input will show a hint text indicating the desired format (for example - “dd/mm/yyyy”) - should add hint text according to the user's settings |
| 1 | 0.5D | |
| Add to kitchen sink |
| 2 | 2MW | |
| Add to kitchen sink |
| 2 | 1MW | |
| The popup should appear at 2/3 height of the screen |
| 4 | 1D | |
| Add transitions - low priority |
| 4 | 4D | |
| Make sure that the max-height of a popup is 600px (inclusing header and all other parts) if the text is longer, a scroll will be added |
| 1 | 2D | |
Input fields with hint text |
| When text was not inserted and the field is active - Clicking the field will place the cursor at the beginning and the hint text will disappear. |
| 2 | 0.5D |
| Interaction section should be handled according to the description in the documentation |
| 2 | 1.5MW | |
| Using "Esc" on the keyboard should hide the tooltip while the mouse cursor is still within the target area |
| 3 | 2D | |
| When the label is truncated (node name), hovering over it will show a tooltip with the full label |
| 1 | 1D | |
| When a user expands a node if the nodes are not shown immediately, provide a "loading" indication at the place below the expanded node - add an example to the kitchen sink of s tree with a lot of data and a loading indication |
| 4 | ||
| Add a multiple selection tree to the kitchen sink |
| 2 | ||
| Add a time picker to the kitchen sink according the the design on LUX |
| 1 | 2MW | |
| Add a tagging example to the kitchen sink according to LUX design |
| 4 |
| |
| Add a range picker example to the kitchen sink according to LUX design |
| 2 | 4MW | |
| Add examples to the kitchen sink: |
| 1 | 1D | |
| Width section should be supported according to the documentation |
| 1 | 2-4 MW | |
| A sorted column should be marked with a light background |
| 3 | @Guy Hivroni (Unlicensed) - does this support WCAG? 3D | |
| Alignment - Text should be aligned to the left, numbers to the right and icons to the center |
| 2 | 1MW | |
| If the table is already sorted in ascending/descending order, this item (in the menu) will be disabled |
| 4 | 1MW | |
| Pagination - Add to kitchen sink according to the design |
| 1 | 0.5D | |
| add to kitchen sink according to the design |
| 1 | 0.5D | |
| add to kitchen sink according to the design |
| 1 | TBD | |
| add to kitchen sink according to the design |
| 3 | 1MW | |
| add to kitchen sink according to the design |
| 2 | 1MW | |
Tabs with warning/error |
| |
| 3 | 4D |
| add to kitchen sink according to the design |
| 1 | 2D | |
| add to kitchen sink according to the design |
| 1 | 2MW | |
|
|
|
|
|
|
| Minimum and maximum values: when the stepper reaches the minimum or maximum value, the down/up buttons will be disabled respectively |
| 2 | 1D | |
| All input fields will display the value entered by the user. If the input is invalid, an indication for invalid/warning will be displayed. Prevention of input is not allowed- |