Skip to end of banner
Go to start of banner

Internal - ExtJS LUX Kitchen Sink

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 35 Next »

DEVELOPMENT Dev Ready  STYLING ON HOLD DONE 

Priority: 1 (highest) - 4 (lowest)

Description

JIRA

Image

StatusPriorityDEV Estimate
NEW KITCHEN SINK


18-10 MW
Add action icons to grid RA-8736 - Getting issue details... STATUS

DONE 

Wizard map RA-10143 - Getting issue details... STATUS


12D

Calendar week selection



3

Toggle Button regular + warning state + error state



22MW

Search Field – warning + error states

RA-10563 - Getting issue details... STATUS


21D

Grid – cells multi selection



3

slider - color selection in blue

RA-10557 - Getting issue details... STATUS


11.5D

Slider – add warning

RA-10558 - Getting issue details... STATUS


21D

Add a "drag and drop" example




3

Grid – add a cell with warning

RA-10559 - Getting issue details... STATUS


22D

Tooltips with titles

RA-10560 - Getting issue details... STATUS

 DONE

Emphasized button

RA-10561 - Getting issue details... STATUS


3

Add all menu types

RA-10562 - Getting issue details... STATUS
1

Icon menu



10.5D

Text area – readonly VS disabled



10.5D

Details pane tabs



10.5D

Ribbon tabs



20.5D
Add a find element to the kitchen sink

4
Accordion

Add an accordion to the kitchen sink, according to LUX documentation 


10.5D
Breadcrumbs

Add a breadcrumbs example to LUX according to LUX documentation


12D
Split Buttons

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


21D
Date Picker

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


10.5D
Multiple selection drop down menu
Add to kitchen sink
22MW
Searchable drop down menu
Add to kitchen sink
21MW






Popups
The popup should appear at 2/3 height of the screen
4
Popups
Add transitions - low priority
4
Message popups

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


12D
Input fields with hint text
Text AreaText Field - 

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.


20.5D
Tooltips
Interaction section should be handled according to the description in the documentation
21.5MW
Tooltips
Using "Esc" on the keyboard should hide the tooltip while the mouse cursor is still within the target area
32D
Tree
When the label is truncated (node name), hovering over it will show a tooltip with the full label
11D

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

Add a multiple selection tree to the kitchen sink


2
Time Picker

Add a time picker to the kitchen sink according the the design on LUX


12MW
Tagging
Add a tagging example to the kitchen sink according to LUX design
4
Range Picker
Add a range picker example to the kitchen sink according to LUX design
24MW
List

Add examples to the kitchen sink:


11D
Data Tables
Width section should be supported according to the documentation
12-4 MW
Data Tables

A sorted column should be marked with a light background


3
Data Tables
Alignment - Text should be aligned to the left, numbers to the right and icons to the center
21MW
Data Tables
If the table is already sorted in ascending/descending order, this item (in the menu) will be disabled 
4
Data Tables

Pagination - Add to kitchen sink according to the design


10.5D
Inline Editing Tables

add to kitchen sink according to the design


10.5D
Tree Tables

add to kitchen sink according to the design


1TBD
Extended Rows Tables

add to kitchen sink according to the design


3
Dynamic Tables

add to kitchen sink according to the design


21MW
Tabs with warning/error


3

Progress Indicator


add to kitchen sink according to the design
12D
Toast
add to kitchen sink according to the design
12MW
Stepper

In some cases the value unit can be presented within the stepper, in which case the units are hidden in edit mode - check if still in the doc




Stepper

Minimum and maximum values: when the stepper reaches the minimum or maximum value, the down/up buttons will be disabled respectively


21D
Field validation

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-

Currently, there input fields which allow entering ONLY numeric characters (for example, stepper).


2Asaf Ben-Oved
Slider
If the handle is already at the right (or top) end of the slider the increase button will be disabled/If the handle is already at the left (or bottom) end of the slider the decrease button will be disabled
21D
Slider
Add a range slider with/without corresponding text inputs
12MW
Slider
Hovering the slider will show the current value in a tooltip above (or to the side of) the selected value
11D
  • No labels