Default Keyboard Interactions

This page is a work in progress. All content is subject to change.

This page captures in a single table the default actions for common keyboard controls for each Fluid component. Having this information in one place helps us to:

Issues:

Keystroke Actions by Component

   Key
— / —
Component

Tab

Back
Tab

Enter

Space

Del

Left Arrow Ctrl-LA

Up Arrow Ctrl-UA

Down Arrow Ctrl-DA

Right Arrow Ctrl-RA

Backspace

i

Ctrl-i

j

Ctrl-j

k

Ctrl-k

m

Ctrl-m

Esc

End

Home

Inline Uploader

  • navigate

Next

Previous

Select

Select
~browse-files

 

 

 

 

 

Browser Back

 

 

 

 

 

 

 

  • in file queue

 

 

 

 

Remove

 

Prev

Next

 

 

 

 

 

 

 

 

 

Popup Uploader

  • navigate

Next

Previous

Select

Select

 

 

 

 

 

Browser Back

 

 

 

 

 

 

 

  • in file queue

 

 

 

 

Remove

 

Prev

Next

 

 

 

 

 

 

 

 

 

Simple Text Inline Edit

  • navigate

Next

Previous

Select

Select

 

 

 

 

 

Browser Back

 

 

 

 

 

 

 

  • in selected text

 

 

 

Space Char

Delete Char Right

Previous Char

 

 

Next Char

Delete Char Left

 

 

 

 

 

 

 

Pager

Next

Previous

Select

Select

 

 

 

 

 

Browser Back

 

 

 

 

 

 

 

Reorderer
Layout Customizer

  • Navigate

Next and Focus

Previous



 

 

Scroll Up

Scroll Down

 

Browser Back

 

 

 

 

 

 

 

  • Portlet Focus

 

 

 

 

 

Col L (prev line)
Move Left

Col Up (roll)

Move Up

Col Dn (roll)

Move Dn

Col R (next line)
Move Right

 

Col Up (roll)
Move Up

Col L (prev line)
Move Left

Col R (next line)
Move Right

Col Dn (roll)

Move Dn

 

 

 

Reorderer
Lightbox

  • Navigate

Next and Focus

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  • Image Focus

 

 

 

 

 

Col L (prev line)
Move Left

Col Up (roll)

Move Up

Col Dn (roll)

Move Dn

Col R (next line)
Move Right

 

Col Up (roll)
Move Up

Col L (prev line)
Move Left

Col R (next line)
Move Right

Col Dn (roll)

Move Dn

 

 

 

References

Uploader

Inline Edit

Pager

Reorderer - Layout Customizer

Reorderer - Lightbox

DHTML Style Guide