Skip to content

Commit 3b7b795

Browse files
committed
fix: image alignment
1 parent 90cb062 commit 3b7b795

File tree

1 file changed

+12
-8
lines changed

1 file changed

+12
-8
lines changed

README.md

+12-8
Original file line numberDiff line numberDiff line change
@@ -57,8 +57,9 @@ The Power Drag Drop component requires there to be a single **master zone** per
5757
1. IdColumn: `"Id"`
5858
2. ZoneColumn: `"Zone"`
5959

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)
6263

6364
> **Note**: If you only see a set of empty items, check that the Name column is added to the Fields as described above.
6465
@@ -73,8 +74,9 @@ You should now see a list of items appear in the **PowerDragDrop** component.
7374

7475
3. Go back to the original master zone and **toggle** the **Master Zone** between `On` and `Off` to reset it as the master.
7576

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)
7880

7981
Each time an item is dropped, the `OnDrop` event is raised.
8082

@@ -113,8 +115,9 @@ The **PowerDragDrop** component has style properties such as border/background c
113115
</div>
114116
```
115117
116-
This will look similar to the following:
117-
![templates](media/templates.gif)
118+
This will look similar to the following:
119+
120+
![templates](media/templates.gif)
118121
119122
> ***Note***: The html will be stripped of any script elements.
120123
@@ -137,8 +140,9 @@ If you need to add action buttons to your template, you can do so by adding a cl
137140
</div>
138141
```
139142
140-
If you then add a label with the Text set to : `$"{PowerDragDrop1.ActionName} {PowerDragDrop1.ActionItemId}"`, you will see something similar to:
141-
![actions](media/actions.gif)
143+
If you then add a label with the Text set to : `$"{PowerDragDrop1.ActionName} {PowerDragDrop1.ActionItemId}"`, you will see something similar to:
144+
145+
![actions](media/actions.gif)
142146
143147
> **Note**: The clickable elements do not need to be buttons, they could be clickable links or `div` elements.
144148

0 commit comments

Comments
 (0)