Browse Prior Art Database

Visual Semiotics of a Drag/Drop, Scrolling List

IP.com Disclosure Number: IPCOM000104824D
Original Publication Date: 1993-Jun-01
Included in the Prior Art Database: 2005-Mar-19
Document File: 2 page(s) / 64K

Publishing Venue

IBM

Related People

Rayner, M: AUTHOR [+4]

Abstract

Disclosed is a list application and a sub-classed 1.1 Motif List widget which use drag and drop to reorder the list's content. A single item is selected and dragged using the standard Motif mouse buttons. The dragged item is an opaque beveled rectangle with the selected item's name. While dragging this rectangle, the original location stays highlighted until a drop or cancel action is completed. After the drop, the inserted item is then highlighted. If required, the list widget will scroll during a drag action. As the cursor moves to an edge of the list, a blank space is dynamically created at the edge, the top or bottom. This allows the user to see the first/last item in the list before deciding where to drop the dragged item.

This text was extracted from an ASCII text file.
This is the abbreviated version, containing approximately 52% of the total text.

Visual Semiotics of a Drag/Drop, Scrolling List

      Disclosed is a list application and a sub-classed 1.1 Motif
List widget which use drag and drop to reorder the list's content.  A
single item is selected and dragged using the standard Motif mouse
buttons.  The dragged item is an opaque beveled rectangle with the
selected item's name.  While dragging this rectangle, the original
location stays highlighted until a drop or cancel action is
completed.  After the drop, the inserted item is then highlighted.
If required, the list widget will scroll during a drag action.  As
the cursor moves to an edge of the list, a blank space is dynamically
created at the edge, the top or bottom.  This allows the user to see
the first/last item in the list before deciding where to drop the
dragged item.  The cursor is locked into position at the dragged
object's top border so that, before a drop, the cursor is at the
insertion point.

     In order for this design solution to be implemented, four
resources were added to the sub-classed 1.1 Motif List widget:
NeedRedraw, DragWidget, AddtoTop, AddtoBottom.  The list application
and the List widget control the drag/drop object, the scroll trigger
point, the redraw area in a clipped rectangle, when the list drew
itself, the highlight behaviors, the pause behaviors, and the
insertion of space at the top or bottom of the list.

     The drag/drop object copies the source string into a second list
which becomes the physical object the user drags to the target
location.

     The scroll trigger point is the border area surrounding the
interior list.  If the cursor is dragging an object and crosses a
border area at the top or bottom of the list, the List widget scrolls
and the scroll ba...