@@ -57,8 +57,9 @@ The Power Drag Drop component requires there to be a single **master zone** per
57
57
1 . IdColumn: ` "Id" `
58
58
2 . ZoneColumn: ` "Zone" `
59
59
60
- You should now see a list of items appear in the ** PowerDragDrop** component.
61
- ![ image-20221118113406938] ( media/image-simple-list.png )
60
+ You should now see a list of items appear in the ** PowerDragDrop** component.
61
+
62
+ ![ image-20221118113406938] ( media/image-simple-list.png )
62
63
63
64
> ** Note** : If you only see a set of empty items, check that the Name column is added to the Fields as described above.
64
65
@@ -73,8 +74,9 @@ You should now see a list of items appear in the **PowerDragDrop** component.
73
74
74
75
3 . Go back to the original master zone and ** toggle** the ** Master Zone** between ` On ` and ` Off ` to reset it as the master.
75
76
76
- 4 . You should now be able to drag items between the two zones:
77
- ![ DragDrop] ( media/simple-list-drag-drop.gif )
77
+ 4 . You should now be able to drag items between the two zones:
78
+
79
+ ![ DragDrop] ( media/simple-list-drag-drop.gif )
78
80
79
81
Each time an item is dropped, the `OnDrop` event is raised.
80
82
@@ -113,8 +115,9 @@ The **PowerDragDrop** component has style properties such as border/background c
113
115
</div >
114
116
```
115
117
116
- This will look similar to the following:
117
- 
118
+ This will look similar to the following:
119
+
120
+ 
118
121
119
122
> ***Note***: The html will be stripped of any script elements.
120
123
@@ -137,8 +140,9 @@ If you need to add action buttons to your template, you can do so by adding a cl
137
140
</div >
138
141
```
139
142
140
- If you then add a label with the Text set to : `$"{PowerDragDrop1.ActionName} {PowerDragDrop1.ActionItemId}"`, you will see something similar to:
141
- 
143
+ If you then add a label with the Text set to : `$"{PowerDragDrop1.ActionName} {PowerDragDrop1.ActionItemId}"`, you will see something similar to:
144
+
145
+ 
142
146
143
147
> **Note**: The clickable elements do not need to be buttons, they could be clickable links or `div` elements.
144
148
0 commit comments