This is a migrated thread and some comments may be shown as answers.

Abnormal Listbox drag indicator

0 Answers 21 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
David Yeung
Top achievements
Rank 1
David Yeung asked on 26 Jun 2019, 08:36 AM

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

     

No answers yet. Maybe you can help?

Tags
ListBox
Asked by
David Yeung
Top achievements
Rank 1
Share this question
or