You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: CHANGELOG.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -37,7 +37,7 @@ For more information about the theming please read our [documentation](https://w
37
37
-`IgxDrag`
38
38
- Dragging without ghost. Now it is possible to drag the base element `igxDrag` is instanced on by setting the new input `ghost` to false.
39
39
- Ghost template. A custom ghost template reference can be provided on the new `ghostTemplate` input.
40
-
- Dragging using a single or multiple handles. New `igxDragHandle` directive is exposed to specify a handle by which and element can be interacted with instead of the whole element `igxDrag` is instanced on.
40
+
- Dragging using a single or multiple handles. New `igxDragHandle` directive is exposed to specify a handle by which an element can be interacted with instead of the whole element `igxDrag` is instanced on.
41
41
- Linking of drag and drop elements. This can be achieved by using the new provided `dragChannel` input, specifying each element to which channel it corresponds.
42
42
- Drag animation improvements. Three new methods have been exposed in place of the old `animateToOrigin` input in order to provide more flexibility when wanting to have transition animation to specific position when dropping. `setLocation`, `transitionToOrigin` and `transitionTo` are all methods that provide a various way to animate a transition to a specific location for the dragged element.
43
43
- New getters - `location` and `originLocation` to aid in applying transition animations.
Copy file name to clipboardExpand all lines: projects/igniteui-angular/src/lib/directives/drag-drop/README.md
+7-8Lines changed: 7 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -61,7 +61,7 @@ The `ghost` input is set to `true` by default which means that the base element
61
61
62
62
#### Dragging without ghost
63
63
64
-
If `renderGhost` input is set to false the dragging logic for the `igxDrag` provides dragging ability for the initialized element itself. This means that it can freely move an element around by click and hold and when released it will keep its position where it was dragged.
64
+
If `ghost` input is set to false the dragging logic for the `igxDrag` provides dragging ability for the initialized element itself. This means that it can freely move an element around by click and hold and when released it will keep its position where it was dragged.
65
65
66
66
#### Dragging using a handle
67
67
@@ -119,11 +119,10 @@ If the user want to have other types of animations that involve element transfor
119
119
120
120
| Name | Type | Default Value | Description |
121
121
| :--- | :--- | :--- | :--- |
122
-
| igxDrag | any | - | Input used to save data inside the `igxDrag` directive. This can be set when instancing `igxDrag` on an element. |
123
-
| dragTolerance | number | 5 | Indicates when the drag should start (in pixels). By default the drag starts after the draggable element is moved by 5px |
124
-
| dragGhostHost | any | null | Sets the element to which the dragged element will be appended.
125
-
| ghostImageClass | string | '' | Sets a custom class that will be added to the `dragGhost` element. |
126
-
| animateOnRelease | boolean | false | Enables/disables the draggable element animation when the element is released. |
122
+
|`igxDrag`| any | - | Input used to save data inside the `igxDrag` directive. This can be set when instancing `igxDrag` on an element. |
123
+
|`dragTolerance`| number | 5 | Indicates when the drag should start (in pixels). By default the drag starts after the draggable element is moved by 5px |
124
+
| `ghostHost` | any | null | Sets the element to which the dragged element will be appended.
125
+
|`ghostClass`| string | '' | Sets a custom class that will be added to the `igxDrag` element. |
127
126
128
127
### Outputs
129
128
@@ -185,7 +184,7 @@ public onAreaLeave() {
185
184
186
185
For achieving a drop functionality with the `igxDrag` directive the `igxDrop` directive should be used. It can be applied on any kind of element and it specifies an area where the `igxDrag` can be dropped.
187
186
188
-
By default the `igxDrop` does not apply any logic to the dragged element when it is dropped onto it. The user could choose between a few different drop strategies if he would like the `igxDrop` to perform some action or he could implement his own drop logic using the provided `onDragDrop` events.
187
+
By default the `igxDrop` does not apply any logic to the dragged element when it is dropped onto it. The user could choose between a few different drop strategies if he would like the `igxDrop` to perform some action or he could implement his own drop logic using the provided `dropped` event.
189
188
190
189
#### Drop Strategies
191
190
@@ -215,7 +214,7 @@ HTML:
215
214
216
215
#### Canceling a Drop Strategy
217
216
218
-
When using a specific drop strategy, its behavior can be canceled in the `onDrop` or `onDragDrop`events by setting the cancel property to true. The `onDrop` event is specific to the `igxDrag` and the `onDragDrop` event to the `igxDrop`. If the user does not have drop strategy applied to the `igxDrop` canceling the event would have no side effects.
217
+
When using a specific drop strategy, its behavior can be canceled in the [`dropped`]({environment:angularApiUrl}/classes/igxdropdirective.html#dropped)events by setting the `cancel` property to true. The `dropped` event is specific to the `igxDrop`. If you does not have drop strategy applied to the `igxDrop` canceling the event would have no side effects.
0 commit comments