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

StatusPriority
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


1

Calendar week selection


Image ModifiedImage Modified


3

Toggle Button regular + warning state + error state


Image Modified


2

Search Field – warning + error states

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

Image Modified


2

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


1

Slider – add warning

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

Image Modified


2

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


2

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


1

Text area – readonly VS disabled


Image Modified


1

Details pane tabs


Image Modified


1

Ribbon tabs


Image Modified


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

Image Modified


2
Time Picker

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

Image Modified


1
Tagging
Add a
tagginf
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:

Image Modified


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

Image Modified


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 - low priority
disabled 
4
Data Tables

Pagination - Add to

kithcne

kitchen sink according to the design

Image Modified


1
Inline Editing Tables

add to kitchen sink according to the design

Image Modified


1
Tree Tables

add to kitchen sink according to the design

Image Modified


1
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


2
Tabs with warning/error

Image Modified


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

Image Modified



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

alphanumeric

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