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 31 Next »

DEVELOPMENT Dev Ready  STYLING ON HOLD DONE 

Priority: 1 (highest) - 4 (lowest)

Description

JIRA

Image

StatusPriority
NEW KITCHEN SINK


1
Add action icons to grid RA-8736 - Getting issue details... STATUS

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


1

Calendar week selection



3

Toggle Button regular + warning state + error state



2

Search Field – warning + error states

RA-10563 - Getting issue details... STATUS


2

Grid – cells multi selection



3

slider - color selection in blue

RA-10557 - Getting issue details... STATUS


1

Slider – add warning

RA-10558 - Getting issue details... STATUS


2

Add a "drag and drop" example




3

Grid – add a cell with warning

RA-10559 - Getting issue details... STATUS


2

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



1

Text area – readonly VS disabled



1

Details pane tabs



1

Ribbon tabs



2
Add a find element to the kitchen sink

4
Accordion

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


1
Breadcrumbs

Add a breadcrumbs example to LUX according to LUX documentation


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


2
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


1
Multiple selection drop down menu
Add to kitchen sink
2
Searchable drop down menu
Add to kitchen sink
2
Multi select searchable drop down menu
Add to kitchen sink
2
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


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


2
Tooltips
Interaction section should be handled according to the description in the documentation
2
Tooltips
Using "Esc" on the keyboard should hide the tooltip while the mouse cursor is still within the target area
3
Tree
When the label is truncated (node name), hovering over it will show a tooltip with the full label
1
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


1
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
2
List

Add examples to the kitchen sink:


1
Data Tables
Width section should be supported according to the documentation
1
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
2
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


1
Inline Editing Tables

add to kitchen sink according to the design


1
Tree Tables

add to kitchen sink according to the design


1
Extended Rows Tables

add to kitchen sink according to the design


3
Dynamic Tables

add to kitchen sink according to the design


2
Tabs with warning/error


3

Progress Indicator


add to kitchen sink according to the design
1
Toast
add to kitchen sink according to the design
1
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


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


2
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
2
Slider
Add a range slider with/without corresponding text inputs
1
Slider
Hovering the slider will show the current value in a tooltip above (or to the side of) the selected value
1
  • No labels