Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

DEVELOPMENT Dev Ready  STYLING ON HOLD DONE 

Priority: 1 (highest) - 4 (lowest)

Description

JIRA

Image

StatusPriorityDEV Estimate
NEW KITCHEN SINK

Image Modified


18-10 MW
Add action icons to grid
Jira Legacy
serverSystem JIRA
serverId70cc2ab9-1ba3-3d82-b211-970f9a2c91be
keyRA-8736

Image Modified

DONE 

Wizard map
Jira Legacy
serverSystem JIRA
serverId70cc2ab9-1ba3-3d82-b211-970f9a2c91be
keyRA-10143

Image Modified


12D

Calendar week selection


Image ModifiedImage Modified


3

Toggle Button regular + warning state + error state


Image Modified


22MW

Search Field – warning + error states

Jira Legacy
serverSystem JIRA
serverId70cc2ab9-1ba3-3d82-b211-970f9a2c91be
keyRA-10563

Image Modified


21D

Grid – cells multi selection


Image Modified


3

slider - color selection in blue

Jira Legacy
serverSystem JIRA
serverId70cc2ab9-1ba3-3d82-b211-970f9a2c91be
keyRA-10557

Image Modified


11.5D

Slider – add warning

Jira Legacy
serverSystem JIRA
serverId70cc2ab9-1ba3-3d82-b211-970f9a2c91be
keyRA-10558

Image Modified


21D

Add a "drag and drop" example




3

Grid – add a cell with warning

Jira Legacy
serverSystem JIRA
serverId70cc2ab9-1ba3-3d82-b211-970f9a2c91be
keyRA-10559

Image Modified


22D

Tooltips with titles

Jira Legacy
serverSystem JIRA
serverId70cc2ab9-1ba3-3d82-b211-970f9a2c91be
keyRA-10560

Image Modified

 DONE

Emphasized button

Jira Legacy
serverSystem JIRA
serverId70cc2ab9-1ba3-3d82-b211-970f9a2c91be
keyRA-10561

Image Modified


3

Add all menu types

Jira Legacy
serverSystem JIRA
serverId70cc2ab9-1ba3-3d82-b211-970f9a2c91be
keyRA-10562

Action Menus

Image Modified


1

Icon menu


Image Modified


10.5D

Text area – readonly VS disabled


Image Modified


10.5D

Details pane tabs


Image Modified


10.5D

Ribbon tabs


Image Modified


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
2
Multi select searchable drop down menuAdd to kitchen sink2
1MW






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

Image Modified


2
Time Picker

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

Image Modified


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:

Image Modified


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

Image Modified


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

Image Modified


10.5D
Inline Editing Tables

add to kitchen sink according to the design

Image Modified


10.5D
Tree Tables

add to kitchen sink according to the design

Image Modified


1TBD
Extended Rows Tables

add to kitchen sink according to the design

Image Modified


3
Dynamic Tables

add to kitchen sink according to the design

Image Modified


21MW
Tabs with warning/error

Image Modified


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

Image Modified




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