RadImageEditor handles the Mouse events

[Antony]

Hi Team,

I have used the RadImageEditor to show the tif images in ListView. When clicking on RadImageEditor, the Selection is not processed in ListView, it is working fine when clicking over TextBlock. How to skip the mouse operations in RadImageEdiotr? Please refer the below code snippet.

 

<ControlTemplate TargetType="{x:Type ListViewItem}">
    <Border x:Name="PART_ImageView"
            BorderBrush="#D3D3D3"
            BorderThickness="1"
            Margin="10">
        <Grid Width="155"
              Height="195">
            <telerik:RadImageEditor Image="{Binding}"
                                    AllowMouseWheelScaling="False"
                                    HorizontalContentAlignment="Stretch"
                                    VerticalAlignment="Stretch"
                                    Style="{DynamicResource RadImageEditorStyle1}"
                                    ScaleFactor="0"/>
            <Border x:Name="PART_PageNoBorder"
                    Width="24"
                    Height="24"
                    HorizontalAlignment="Right"
                    VerticalAlignment="Bottom"
                    Background="#D3D3D3"
                    BorderThickness="0">
                <TextBlock x:Name="PART_PageNo" FontSize="14"
                           FontFamily="Segoe UI"
                           Foreground="Gray"
                           Margin="4"
                           Text="01"/>
            </Border>
        </Grid>
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Setter TargetName="PART_ImageView"
                    Property="BorderBrush"
                    Value="#1ba1e2"/>
            <Setter TargetName="PART_PageNoBorder"
                    Property="Background"
                    Value="#1ba1e2"/>
            <Setter TargetName="PART_PageNo"
                    Property="Foreground"
                    Value="#FFFFFF"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

 

Regards,

Antony Raj

[Antony]

Even the Mouse Wheel scrolling is also not working when the cursor on RadImageEditor. Could you please check on this?

 

Regards,

Antony Raj

[Milena]

Hello Antony,

To achieve this you can set IsHitTestVisible property of the RadImageEditor to false. This way you will be able to select the ListViewItem when click on the image editor. 

I hope this information helps.

Regards,
Milena
Telerik by Progress