As image attached ,when item is dragged for reorder,drag indicator is cover whole column(as red box shown) but not specific column and row(as green box shown).Is there are some workaround to fix that?
<
Window.Resources
>
<
Style
x:Key
=
"DraggableListBoxItem"
TargetType
=
"telerik:RadListBoxItem"
>
<
Setter
Property
=
"telerik:DragDropManager.AllowCapturedDrag"
Value
=
"True"
/>
</
Style
>
</
Window.Resources
>
<
telerik:RadListBox
x:Name
=
"scanList"
KeyboardNavigation.DirectionalNavigation
=
"None"
KeyboardNavigation.AcceptsReturn
=
"False"
ItemsSource
=
"{Binding Path=Scans,Mode=TwoWay}"
SelectionMode
=
"Multiple"
ScrollViewer.VerticalScrollBarVisibility
=
"Hidden"
ScrollViewer.HorizontalScrollBarVisibility
=
"Disabled"
CanKeyboardNavigationSelectItems
=
"False"
ItemContainerStyle
=
"{StaticResource DraggableListBoxItem}"
>
<
telerik:RadListBox.DragDropBehavior
>
<
telerik:ListBoxDragDropBehavior
telerik:TouchManager.DragStartTrigger
=
"TouchMove"
/>
</
telerik:RadListBox.DragDropBehavior
>
<
telerik:RadListBox.ItemsPanel
>
<
ItemsPanelTemplate
>
<
telerik:VirtualizingWrapPanel
/>
</
ItemsPanelTemplate
>
</
telerik:RadListBox.ItemsPanel
>
<
telerik:RadListBox.ItemTemplate
>
<
DataTemplate
>
<
Grid
>
<
Image
Source
=
"test.jpg"
HorizontalAlignment
=
"Center"
VerticalAlignment
=
"Center"
/>
<
Image
HorizontalAlignment
=
"Left"
Margin
=
"10,10,0,0"
VerticalAlignment
=
"Top"
Width
=
"48"
Height
=
"48"
Opacity
=
"0.15"
Source
=
"/ePresort;component/Icon/edit.png"
/>
<
Label
Content
=
"{Binding Path=ScanId,Mode=TwoWay}"
/>
</
Grid
>
</
DataTemplate
>
</
telerik:RadListBox.ItemTemplate
>
</
telerik:RadListBox
>
PS: ItemHeight and ItemWidth of VirtualizingWrapPanel is set by C# code