Skip to content

Commit

Permalink
drag and drop copy and gif
Browse files Browse the repository at this point in the history
  • Loading branch information
mbondyra committed Mar 17, 2021
1 parent 9655f90 commit 0fb2e84
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 9 deletions.
Binary file added docs/user/dashboard/images/lens_drag_drop_1.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
24 changes: 15 additions & 9 deletions docs/user/dashboard/lens.asciidoc
Original file line number Diff line number Diff line change
Expand Up @@ -36,27 +36,33 @@ NOTE: The sum of the *Other* fields can equal more than 100% by a small amount.
[[drag-and-drop-keyboard-navigation]]
=== Create your visualizations faster with keyboard navigation

Lens has a fully accessible, continuously improved drag and drop system. By using keyboard navigation instead of a mouse you can significantly speed up your work.
Lens has a fully accessible, continuously improved drag and drop system. By using keyboard navigation instead of a mouse, you can significantly speed up your work.

[role="screenshot"]
image::images/lens_drag_drop_1.png[Presented Lens drag and drop]

Follow the instructions below to take advantage of drag and drop keyboard navigation:
image::images/lens_drag_drop_1.gif[Presented Lens drag and drop]

. Set a focus on the chosen item. Most of the draggable elements have two focus states. The inner focus state opens a panel with more detailed information or options. The outer one allows dragging an element. Tab through the page until you get the outer focus state on the chosen element:
+
[role="screenshot"]
image::images/lens_drag_drop_2.png[Lens drag and drop focus state]

. Press space or enter to start dragging an item.
. Use left and right arrows to select a drop target outside of the group.
. Use up and down arrows to reorder item's position in the group if the item is reorderable.
Complete the following actions:

. Press Space bar to start dragging an item.

. Use Left and Right arrows to select where you want to drop the field.

. To duplicate an operation, use Left and Right arrows to select the `Drop a field or click to add` in the same group.

+
[role="screenshot"]
image::images/lens_drag_drop_3.gif[Using drag and drop to reorder]

. Press space or enter to confirm.
. Press escape to cancel dragging.
. To reorder the fields in the group, use Up and Down arrows.

. Press Space bar to confirm.

. To cancel the action, press Esc.

[float]
[[lens-faq]]
Expand Down

0 comments on commit 0fb2e84

Please sign in to comment.