Styling the sortable widget
Now that we have styled our first set of sortable elements, it's a good point in journey at which to examine the style classes used by the sortable widget.
The sortable widget uses a number of styles. They are shown in the following table:
|
Class name |
Used to… |
|---|---|
|
|
Used on the container element; this first sets the generic classes from |
|
|
Style each sortable element; this is by default with rounded corners, using the |
|
|
Show a clone of the element being sorted, during the dragging process. |
|
|
Act as the placeholder element, ready to accept the element being sorted. This is hidden by default, but can be changed, as we will see later in the chapter. |
