Example of undefined in React Gantt Component

All Controls
/
Gantt
/
KeyboardInteraction

This demo showcases the keyboard shortcuts applicable on Gantt and also lists out in below descriptions, and this demo also explains how those applicable shortcuts interacts with Gantt actions.

More Details...

1
Product concept
4/2/20244/8/20245 days18
2
Defining the product and its usage
4/2/20244/4/20243 days30
3
Defining target audience
4/2/20244/4/20243 days0
4
Prepare product sketch and notes
4/5/20244/8/20242 days2FS30
5
Concept approval
4/8/20244/8/20240 days3FS,4FS0
6
Market research
4/9/20244/18/20248 days15
7
Demand analysis
4/9/20244/12/20244 days15
8
Customer strength
4/9/20244/12/20244 days5FS30
9
Market opportunity analysis
4/9/20244/12/20244 days5FS0
10
Competitor analysis
4/15/20244/18/20244 days7FS30
11
Product strength analsysis
4/15/20244/18/20244 days9FS0
12
Research complete
4/18/20244/18/20240 days10FS0
13
Product design and development
4/19/20245/16/202420 days13
14
Functionality design
4/19/20244/23/20243 days12FS30
15
Quality design
4/19/20244/23/20243 days12FS0
16
Define reliability
4/24/20244/25/20242 days15FS30
17
Identifying raw materials
4/24/20244/25/20242 days15FS0
18
Define cost plan
4/26/20244/29/20242 days15
19
Manufacturing cost
4/26/20244/29/20242 days17FS30
20
Selling cost
4/26/20244/29/20242 days17FS0
21
Development of the final design
4/30/20245/8/20247 days8
22
Defining dimensions and package volume
4/30/20245/1/20242 days19FS,20FS30
23
Develop design to meet industry standards
5/2/20245/3/20242 days22FS0
24
Include all the details
5/6/20245/8/20243 days23FS0
25
CAD computer-aided design
5/9/20245/13/20243 days24FS30
26
CAM computer-aided manufacturing
5/14/20245/16/20243 days25FS0
27
Design complete
5/16/20245/16/20240 days26FS0
28
Prototype testing
5/17/20245/22/20244 days27FS30
29
Include feedback
5/17/20245/22/20244 days28SS0
30
Manufacturing
5/23/20245/29/20245 days28FS,29FS30
31
Assembling materials to finsihed goods
5/30/20246/5/20245 days30FS0
32
Feedback and testing
6/6/20246/13/20246 days47
33
Internal testing and feedback
6/6/20246/10/20243 days31FS45
34
Customer testing and feedback
6/11/20246/13/20243 days33FS50
35
Final product development
6/14/20246/19/20244 days30
36
Important improvements
6/14/20246/19/20244 days34FS30
37
Address any unforeseen issues
6/14/20246/19/20244 days36SS30
38
Final product
6/20/20247/1/20248 days15
39
Branding product
6/20/20246/25/20244 days37FS0
40
Marketing and presales
6/26/20247/1/20244 days39FS30
Product concept
Defining the product and its usage
Defining target audience
Prepare product sketch and notes
Concept approval
Market research
Demand analysis
Customer strength
Market opportunity analysis
Competitor analysis
Product strength analsysis
Research complete
Product design and development
Functionality design
Quality design
Define reliability
Identifying raw materials
Define cost plan
Manufacturing cost
Selling cost
Development of the final design
Defining dimensions and package volume
Develop design to meet industry standards
Include all the details
CAD computer-aided design
CAM computer-aided manufacturing
Design complete
Prototype testing
Include feedback
Manufacturing
Assembling materials to finsihed goods
Feedback and testing
Internal testing and feedback
Customer testing and feedback
Final product development
Important improvements
Address any unforeseen issues
Final product
Branding product
Marketing and presales
Event Trace
KeysDescription
Alt + JFocus Gantt Component
Tab / Shift + TabFocus the next or previous element
HomeFirst Row Selection
EndLast Row Selection
DownArrowMove Row Selection Down
UpArrowMove Row Selection Up
LeftArrowMove Cell Selection Left
RightArrowMove Cell Selection Right
Ctrl + UpArrowCollapse All
Ctrl + DownArrowExpand All
Ctrl + Shift + UpArrowCollapse Row
Ctrl + Shift + DownArrowExpand Row
EnterSave Request
EscCancel Request
InsertAdd Record
Ctrl + InsertAdd Record By Dialog
Ctrl + F2Edit Record By Dialog
DeleteDelete Row
Ctrl + Shift + FFocus Search TextBox
Shift + F5Focus Task
Shift + DownArrowMove Cell Selection Down
Shift + UpArrowMove Cell Selection Up
Shift + LeftArrowMove Cell Selection Left
Shift + RightArrowMove Cell Selection Right
Ctrl + ZUndo Last Action
Ctrl + YRedo Last Action
Description

All the Gantt actions can be controlled via keyboard keys and are availed using the allowKeyboard property, which is set to true by default. The applicable key combinations and their relative functionalities are listed below.

Gantt component features are segregated into individual feature-wise modules. To use a selection, inject the Selection module using the Gantt.Inject(Selection) method.To use a toolbar, inject the Toolbar module using the Gantt.Inject(Toolbar) method.To use a edit, inject the Edit module using the Gantt.Inject(Edit) method.To use markers, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method.

Keys Description
Alt + J Focus Gantt Component
Tab / Shift + Tab Focus the next or previous element
Home First Row Selection
End Last Row Selection
DownArrow Move Row Selection Down
UpArrow Move Row Selection Up
LeftArrow Move Cell Selection Left
RightArrow Move Cell Selection Right
Ctrl + UpArrow Collapse All
Ctrl + DownArrow Expand All
Ctrl + Shift + UpArrow Collapse Row
Ctrl + Shift + DownArrow Expand Row
Enter Save Request
Esc Cancel Request
Insert Add Record
Ctrl + Insert Add Record By Dialog
Ctrl + F2 Edit Record By Dialog
Delete Delete Row
Ctrl + Shift + F Focus Search Textbox
Shift + F5 Focus Task
Shift + DownArrow Move Cell Selection Down
Shift + UpArrow Move Cell Selection Up
Shift + LeftArrow Move Cell Selection Left
Shift + RightArrow Move Cell Selection Right
Ctrl + Z Undo Last Action
Ctrl + Y Redo Last Action