Versions Compared

Key

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

DEVELOPMENT Dev Ready  STYLING ON HOLD DONE 

Description

JIRA

Image

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

DONE 

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


Calendar week selection



Toggle Button regular + warning state + error state



Search Field – warning + error states

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


Grid – cells multi selection



slider - color selection in blue

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


Slider – add warning

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


Add a "drag and drop" example




Grid – add a cell with warning

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


Tooltips with titles

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

 DONE

Emphasized button

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


Add all menu types

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

Icon menu



Text area – readonly VS disabled



Details pane tabs



Ribbon tabs



Add a find element to the kitchen sink

Accordion

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


Breadcrumbs

Add a breadcrumbs example to LUX according to LUX documentation


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


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


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


Multiple selection drop down menu
Add to kitchen sink
Searchable drop down menu
Add to kitchen sink
Multi select searchable drop down menu
Add to kitchen sink
Popups
The popup should appear at 2/3 height of the screen
Popups
Add transitions - low priority
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


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.


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

Add a multiple selection tree to the kitchen sink


Time Picker

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


Tagging
Add a tagginf example to the kitchen sink according to LUX design
Range Picker
Add a range picker example to the kitchen sink according to LUX design
List

Add examples to the kitchen sink:


Data Tables
Width section should be supported according to the documentation
Data Tables

A sorted column should be marked with a light background


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

Add to kithcne sink according to the design


Inline Editing Tables

add to kitchen sink according to the design


Tree Tables

add to kitchen sink according to the design


Extended Rows Tables

add to kitchen sink according to the design


Dynamic Tables

add to kitchen sink according to the design


Tabs with warning/error


Progress Indicator


add to kitchen sink according to the design
Toast
add to kitchen sink according to the design
Stepper

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


Stepper

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


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