ICI Keyboard Shortcuts[edit]


= ICI Keyboard Shortcuts =

== Home/Edit Dashboard ==
<div class="image-green-border">[[File:8.0-Shortcut-Keys-Home.PNG|720px|8.0-Shortcut-Keys-Home.PNG]]</div> 
&nbsp;

'''Keyboard Shortcuts'''

{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 167px;" | '''Keyboard Shortcut'''
| style="width: 309px;" | '''Description'''
|-
| style="width: 167px;" | '''ALT+W'''
| style="width: 309px;" | Enable the widget mode and select one widget.
|-
| style="width: 167px;" | '''?'''
| style="width: 309px;" | Focus on the next widget.
|-
| style="width: 167px;" | '''?'''
| style="width: 309px;" | Focus on the previous widget.
|-
| style="width: 167px;" | '''CTRL+Right Arrow'''
| style="width: 309px;" | Increase the width of the widget.
|-
| style="width: 167px;" | '''CTRL+Left Arrow'''
| style="width: 309px;" | Decrease the width of the widget.
|-
| style="width: 167px;" | '''CTRL + Down Arrow'''
| style="width: 309px;" | Increase the height of the widget.
|-
| style="width: 167px;" | '''CTRL + Up Arrow'''
| style="width: 309px;" | Decrease the height of the widget.
|-
| style="width: 167px;" | '''SHIFT + Right Arrow'''
| style="width: 309px;" | Move the widget to the right, moving the widget might adjust the location of its adjacent widget in the grid of the widgets.
|-
| style="width: 167px;" | '''SHIFT + Left Arrow'''
| style="width: 309px;" | Move the widget to the left, moving the widget might adjust the location of its adjacent widget in the grid of the widgets.
|}

&nbsp;

== Entity Index Page ==
<div class="image-green-border">[[File:8.0-Shortcut-Keys-Entity-Index-Page.PNG|720px|8.0-Shortcut-Keys-Entity-Index-Page.PNG]]</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">'''Keyboard Shortcuts'''</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">
{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| '''Keyboard Shortcuts'''
| '''Description'''
|-
| '''Alt+W'''
| Focuses on the entity table.
|-
| colspan="2" | '''Actions applied on Grid Header'''
|-
| '''Enter'''
| Sort the column.
|-
| '''?&nbsp;'''
| Wrap or clip the text in the column.
|-
| '''CTRL+Left Arrow'''
| Reorders the column with the previous one.
|-
| '''CTRL+Right Arrow'''
| Reorders the column with the next one.
|-
| colspan="2" | '''Actions&nbsp;applied on Grid data table'''
|-
| '''Arrow keys&nbsp;'''
| Navigate the table cells.
|-
| '''CTRL+Home'''
| Focuses the first focusable cells inside the table.
|-
| '''CTRL+End'''
| Focuses the last focusable cell in the last row.
|-
| '''Home'''
| Focuses the first focusable cell in the row.
|-
| '''End'''
| Focuses the last focusable cell in the row.
|-
| colspan="2" | '''Actions applied on Grid Page'''
|-
| '''Page Up'''
| Navigate to the previous page.
|-
| '''Page Down'''
| Navigate to the next page.
|}

These shortcuts are applicable and available for the below entities on the agreement "Details" page.
</div> 
*Agreement 
*Contract Request 
*Associations 
*Compliances 
*Templates 
*Clauses 
*Select User drawer 
*Lookup tables&nbsp; 
*Users 
*Organization Groups&nbsp; 
*User Groups&nbsp; 
*Security Groups 
*Associations 

&nbsp;

== Index Pages&nbsp; ==
<div class="image-green-border">[[File:8.0-Shortcut-Keys-Dashboard-Index-page.PNG|720px|8.0-Shortcut-Keys-Dashboard-Index-page.PNG]]</div> <div class="image-green-border">&nbsp;</div> 
'''Keyboard Shortcuts'''

{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| '''Keyboard Shortcut'''
| '''Description'''
|-
| '''Alt+W'''
| Focuses on the entity table.
|-
| colspan="2" | '''Actions applied on the Grid header'''
|-
| '''Enter'''
| Sorts the column.
|-
| '''CTRL+Left Arrow'''
| Reorders the column with the previous one.
|-
| '''CTRL+Right Arrow'''
| Reorders the column with the next one.
|-
| '''Alt+Down'''
| Opens the filter menu.
|-
| '''Esc'''
| Closes the filter menu.
|-
| colspan="2" | '''Actions applied on Grid Data table'''
|-
| '''Arrow Keys'''
| Navigate the table cells.
|-
| '''CTRL+Home'''
| Focuses the first focusable cell inside the table.
|-
| '''CTRL+End'''
| Focuses the last focusable cell in the last row.
|-
| '''Home'''
| Focuses the first focusable cell in the row.
|-
| '''End'''
| Focuses the last focusable cell in the row.
|-
| colspan="2" | '''Actions applied on the Grid page'''
|-
| '''Page Up'''
| Navigate to the previous page.
|-
| '''Page Down'''
| Navigate to the next page.
|}

These shortcuts are applicable and available for the below pages

*Dashboard configuration 
*Bulk Actions 
*User Tasks 
*Category List 
*Subscription List 
*History table for different entities 
*Version table for different entities 
*Team table for different entities. 

&nbsp;

== Input Controls Dropdown ==
<div class="image-green-border">[[File:8.0-Shortcut-Keys-Select-Field.PNG|400px|8.0-Shortcut-Keys-Select-Field.PNG]]</div> 
'''Keyboard Shortcuts'''

{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 152px;" | '''Keyboard Shortcuts'''
| style="width: 324px;" | '''Description'''
|-
| style="width: 152px;" | '''Up Arrow'''
| style="width: 324px;" | Highlights the previous item.
|-
| style="width: 152px;" | '''Down Arrow'''
| style="width: 324px;" | Highlights the next item.
|-
| style="width: 152px;" | '''Home'''
| style="width: 324px;" | Selects the first item in the list.
|-
| style="width: 152px;" | '''End'''
| style="width: 324px;" | Selects the last item in the list.
|-
| style="width: 152px;" | '''Page Up'''
| style="width: 324px;" | Scrolls the popup up.
|-
| style="width: 152px;" | '''Page Down'''
| style="width: 324px;" | Scrolls the popup down.
|-
| style="width: 152px;" | '''Enter'''
| style="width: 324px;" | Selects the highlighted item.
|-
| style="width: 152px;" | '''Esc'''
| style="width: 324px;" | Closes the popup.
|-
| style="width: 152px;" | '''Alt +Down Arrow'''
| style="width: 324px;" | Opens the popup.
|-
| style="width: 152px;" | '''Alt+ Up Arrow'''
| style="width: 324px;" | Closes the popup.
|}

These shortcuts are applicable for all the Kendo dropdowns in the application, these shortcuts will work when the focus is on the dropdown.

&nbsp;

== Input Controls- Numeric textbox&nbsp; ==
<div class="image-green-border">[[File:8.0-Shortcut-Keys-Select-Currency.PNG|420px|8.0-Shortcut-Keys-Select-Currency.PNG]]</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">'''Keyboard Shortcuts'''</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">
{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 147px;" | '''Keyboard Shortcut'''
| style="width: 329px;" | '''Description'''
|-
| style="width: 147px;" | '''Up Arrow'''
| style="width: 329px;" | Increases the widget's value by 1.
|-
| style="width: 147px;" | '''Down Arrow'''
| style="width: 329px;" | Decreases the widget value by 1.
|}

These shortcuts are applicable for all the Kendo numeric text boxes in the application, these shortcuts will work when the focus is on the numeric text box.

&nbsp;
</div> 
== Date Picker ==
<div class="image-green-border">[[File:8.0-Shortcut-Keys-Select-Date1.PNG|220px|8.0-Shortcut-Keys-Select-Date1.PNG]]</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">'''Keyboard Shortcuts'''</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">
{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| '''Keyboard Shortcuts'''
| '''Description'''
|-
| colspan="2" | '''When the date popup is closed.'''
|-
| '''Enter'''
| Triggers the change event.
|-
| '''Alt+Down'''
| Opens the date popup.
|-
| '''Alt+Up'''
| Closes the date popup.
|-
| colspan="2" | '''When the date popup is opened'''
|-
| '''Left Arrow'''
| Highlights the previous day.
|-
| '''Right Arrow'''
| Highlights the next day.
|-
| '''Up Arrow'''
| Highlights the same day from the previous week.
|-
| '''Down Arrow'''
| Highlights the same day from the next week.
|-
| '''CTRL + Left Arrow'''&nbsp;&nbsp;
| &nbsp; Navigates to previous month.
|-
| '''CTRL+Right Arrow'''
| Navigates to the next month.
|-
| '''CTRL+Up Arrow'''
| Navigates to the previous view.
|-
| '''CTRL+Down Arrow'''
| Navigates to the next view.
|-
| '''Home'''
| Highlights first day of the month.
|-
| '''End'''
| Highlights the last day of the month.
|-
| '''Enter'''
| Selects the highlighted day in the "month" view. Navigates to a lower view in other views
|}

These shortcuts are applicable for all the Kendo date pickers in the application, these shortcuts will work when the focus is on the date picker.

&nbsp;
</div> 
== Date Time Picker&nbsp; ==
<div class="image-green-border">
{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 231px;" | DateTime pickers Date
| style="width: 245px;" | Date Time Pickers Time
|-
| style="width: 231px;" | [[File:8.0-Shortcut-Keys-Select-Date1.PNG|220px|8.0-Shortcut-Keys-Select-Date1.PNG]]
| style="width: 245px; text-align: left; vertical-align: top;" | [[File:8.0-Shortcut-Keys-Select-Time1.PNG|220px|8.0-Shortcut-Keys-Select-Time1.PNG]]
|}
</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">'''Keyboard Shortcuts'''</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">
{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| '''Keyboard Shortcuts'''
| '''Description'''
|-
| colspan="2" | '''When the date popup is closed.'''
|-
| '''Enter'''
| Triggers the change event.
|-
| '''Alt+Down'''
| Opens the date popup.
|-
| '''Alt+Up'''
| Closes the date popup.
|-
| colspan="2" | '''When the date popup is opened'''
|-
| Left Arrow
| Highlights the previous day.
|-
| Right Arrow
| Highlights the next day.
|-
| Up Arrow
| Highlights the same day from the previous week.
|-
| Down Arrow
| Highlights the same day from the next week.
|-
| CTRL+Left Arrow
| Navigates to the previous month.
|-
| CTRL+Right Arrow
| Navigates to the next month.
|-
| CTRL+Up Arrow
| Navigates to the previous view.
|-
| CTRL+Down Arrow
| Navigates to the next view.
|-
| Home
| Highlights the first day of the month.
|-
| End
| Highlights the last day of the month.
|-
| Enter
| Selects the highlighted day&nbsp;in the "month" view. Navigates to a lower view in other views.
|-
| colspan="2" | '''When the time popup is opened'''
|-
| Up Arrow
| Selects the previous available time.
|-
| Down Arrow
| Selects the next available time.
|}

These shortcuts are applicable for all the Kendo Date Time Picker in the application, these shortcuts will work when the focus is on the Time and Date picker.
</div> 
&nbsp;

== Rich Text Area ==
<div class="image-green-border">[[File:ICI Keyboard Shortcuts14.PNG|600px|ICI Keyboard Shortcuts14.PNG]]</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">'''Keyboard Shortcuts'''</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">
{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| '''Keyboard Shortcuts'''
| '''Description'''
|-
| '''F10'''
| Focuses on the toolbar.
|-
| '''Tab or Right Arrow'''
| Focuses on the next tool icon.
|-
| '''Shift+Tab or Left'''
| Focuses on the previous tool icon.
|-
| '''Home'''
| Focuses on the first tool icon.
|-
| '''End'''
| Focuses on the last tool icon.
|-
| '''Enter or Space'''
| Activates the tool.
|}

These shortcuts are applicable for all the Kendo Rich Text Editor in the application, these shortcuts will work when the focus is on the Rich Text Editor.
</div> 
&nbsp;

== Multi Select ==
<div class="image-green-border">[[File:8.0-Shortcut-Keys-Multi-Select.PNG|520px|8.0-Shortcut-Keys-Multi-Select.PNG]]</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">'''Keyboard Shortcuts'''</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">
{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| '''Keyboard Shortcuts'''
| '''Description'''
|-
| '''Up Arrow'''
| Highlights the previous item.
|-
| '''Shift+Up Arrow'''
| Selects the previous item.
|-
| '''Down Arrow'''
| Highlights the next item.
|-
| '''Shift + Down Arrow'''
| Selects the next item.
|-
| '''Home'''
| Highlights the first item in popup.
|-
| '''CTRL+Shift+Home'''
| Selects the items at the start of the page.
|-
| '''End'''
| Highlights the last item in the popup.
|-
| '''Page Up'''
| Scrolls the popup up.
|-
| '''Page Down'''
| Scrolls the popup down.
|-
| '''CTRL+Shift+End'''
| Selects the items to the end.
|-
| '''Enter'''
| Selects the highlighted item.
|-
| '''CTRL+Space'''
| Selects the highlighted item.
|-
| '''CTRL+A'''
| Selects all items.
|-
| '''Up Arrow'''
| Closes the popup if the first item is highlighted.
|}

These shortcuts are applicable for all the Kendo Multi Select in the application, these shortcuts will work when the focus is on the Multi Select control.
</div> 
&nbsp;

== Attribute Page ==
<div class="image-green-border">[[File:8.0-Shortcut-Keys-Attribute.PNG|720px|8.0-Shortcut-Keys-Attribute.PNG]]</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">'''Keyboard Shortcuts'''</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">'''Left Pane'''</div> <div class="image-green-border">
Available Attributes List

{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 161px;" | '''Keyboard Shortcuts'''
| style="width: 315px;" | '''Description'''
|-
| style="width: 161px;" | '''ALT + SHIFT + F'''
| style="width: 315px;" | View Contract Type
|-
| style="width: 161px;" | '''ALT + SHIFT + D'''
| style="width: 315px;" | Delete Attribute
|}

New Attribute

{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 162px;" | '''Keyboard Shortcuts'''
| style="width: 314px;" | '''Description'''
|-
| style="width: 162px;" | '''ALT+Shift+N'''
| style="width: 314px;" | New Attribute
|}
</div> 
&nbsp;
<div class="image-green-border">
'''Right pane'''

Attribute Details and&nbsp;Add Attribute
</div> <div class="image-green-border">
{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 164px;" | '''Keyboard Shortcuts'''
| style="width: 312px;" | '''Description'''
|-
| style="width: 164px;" | '''ALT+Shift+S'''
| style="width: 312px;" | Save Attribute
|-
| style="width: 164px;" | '''ALT+Shift+C'''
| style="width: 312px;" | Cancel or Clear Attribute
|}

These shortcuts are applicable for the Attribute page in Configuration or in Contract Type creation.

&nbsp;
</div> 
== Global Attribute Page ==
<div class="image-green-border">[[File:8.0-Shortcut-Keys-Global-Attribute1.PNG|720px|8.0-Shortcut-Keys-Global-Attribute1.PNG]]</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border"><div class="image-green-border">'''Keyboard Shortcuts'''</div> <div class="image-green-border">&nbsp;</div> <div class="image-green-border">'''Left Pane'''</div> <div class="image-green-border">
Available Attributes List

{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 161px;" | '''Keyboard Shortcuts'''
| style="width: 315px;" | '''Description'''
|-
| style="width: 161px;" | '''ALT + SHIFT + F'''
| style="width: 315px;" | View Contract Type
|-
| style="width: 161px;" | '''ALT + SHIFT + D'''
| style="width: 315px;" | Delete Attribute
|}

New Attribute

{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 162px;" | '''Keyboard Shortcuts'''
| style="width: 314px;" | '''Description'''
|-
| style="width: 162px;" | '''ALT+Shift+N'''
| style="width: 314px;" | New Attribute
|}

'''Right pane'''

Attribute Details and&nbsp;Add Attribute
</div> <div class="image-green-border">
{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 164px;" | '''Keyboard Shortcuts'''
| style="width: 312px;" | '''Description'''
|-
| style="width: 164px;" | '''ALT+Shift+S'''
| style="width: 312px;" | Save Attribute
|-
| style="width: 164px;" | '''ALT+Shift+C'''
| style="width: 312px;" | Cancel or Clear Attribute
|}

Choice Value List Box

{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 250px;" | '''Keyboard Shortcuts'''
| style="width: 226px;" | '''Description'''
|-
| style="width: 250px;" | '''ALT + SHIFT + E'''
| style="width: 226px;" | Edit Choice Value
|-
| style="width: 250px;" | '''ALT + SHIFT + D'''
| style="width: 226px;" | Delete Choice Value
|-
| style="width: 250px;" | '''ALT + SHIFT + A'''
| style="width: 226px;" | Ascending Order
|-
| style="width: 250px;" | '''ALT + SHIFT + Z'''
| style="width: 226px;" | Descending Order
|-
| style="width: 250px;" | '''SHIFT + CTRL+ UP ARROW'''
| style="width: 226px;" | List Item Up Movement
|-
| style="width: 250px;" | '''SHIFT + CTRL+ DOWN ARROW'''
| style="width: 226px;" | List Item Down Movement
|}

These shortcuts are applicable for the Attribute page in Configuration or in Contract Type creation.
</div> </div> 
== <br/> <span style="color: rgb(0, 119, 235); font-family: GothamMedium, sans-serif; font-size: 1.4em;">Available and Selected Attribute List box</span> ==
<div class="image-green-border">&nbsp;</div> <div class="image-green-border"><span style="color: rgb(0, 119, 235); font-family: GothamMedium, sans-serif; font-size: 1.4em;">[[File:8.0-Shortcut-Keys-Attribute1.PNG|600px|8.0-Shortcut-Keys-Attribute1.PNG]]</span></div> 
'''Keyboard Shortcuts'''

{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 268px;" | Keyboard Shortcuts
| style="width: 208px;" | Description
|-
| style="width: 268px;" | S'''HIFT + CTRL+ UP ARROW'''
| style="width: 208px;" | List item up movement
|-
| style="width: 268px;" | '''SHIFT + CTRL+ DOWN ARROW'''
| style="width: 208px;" | List item down movement
|-
| style="width: 268px;" | '''CTRL + RIGHT ARROW'''
| style="width: 208px;" | List item right movement
|-
| style="width: 268px;" | '''CTRL + LEFT ARROW'''
| style="width: 208px;" | List item left movement
|}

These shortcuts are applicable for Create Contract Type "Attributes" and "Display preference" tab, Create Bulk Actions attribute page / select column drawer.

&nbsp;

== Favorites ==
<div class="image-green-border">[[File:8.0-Shortcut-Keys-Favourites.PNG|600px|8.0-Shortcut-Keys-Favourites.PNG]]</div> 
'''Keyboard Shortcuts'''

{| border="1" cellpadding="1" cellspacing="1" style="width: 625px;"
|-
| style="width: 235px;" | '''Keyboard Shortcuts'''
| style="width: 363px;" | '''Description'''
|-
| style="width: 235px;" | '''ALT + CTRL + R'''
| style="width: 363px;" | Reset Favorites to Admin Defaults
|-
| style="width: 235px;" | '''ALT + P'''
| style="width: 363px;" | Save searched is pinned and unpinned in More View dropdown
|-
| style="width: 235px;" | '''DEL'''
| style="width: 363px;" | Save search are delete in More View dropdown
|}

These shortcuts are applicable for user favorites / more view on advance search and index view.

&nbsp;

== Application Settings - (Entity Color Configuration) ==
<div class="image-green-border">[[File:8.0-Shortcut-Keys-Application-Settings.PNG|400px|8.0-Shortcut-Keys-Application-Settings.PNG]]</div> 
'''Keyboard Shortcuts'''

{| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"
|-
| style="width: 165px;" | '''Keyboard Shortcuts'''
| style="width: 311px;" | '''Description'''
|-
| style="width: 165px;" | '''ALT + DOWN'''
| style="width: 311px;" | Open the color picker
|-
| style="width: 165px;" | '''ARROW KEYS'''
| style="width: 311px;" | Navigate between color pallet
|-
| style="width: 165px;" | '''TAB KEY'''
| style="width: 311px;" | To focus on slider
|-
| style="width: 165px;" | '''ARROW KEYS'''
| style="width: 311px;" | Once on the slider, use the left, right & up/down arrow to change the color values
|-
| style="width: 165px;" | '''SHIFT + TAB'''
| style="width: 311px;" | To close the color picker dropdown, focus on the dropdown arrow using the shift tab
|}

These shortcuts are applicable for kendo color picker.

&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;

'''Related Topics:&nbsp;'''[[ICM_Help|ICI&nbsp;Help]]&nbsp; | [[ICI_Overview|ICI Overview]]&nbsp;|&nbsp;[[Basic_Set_Up|Basic Setup]]&nbsp;|&nbsp;[[Glossary|Glossary]]&nbsp;