Cursor changes to arrow after click

[Eric]

Experiencing an issue with an instance of the CoverFlow where when we click an item to advance it into focus, the cursor changes from a hand to an arrow. At this time, it does not respond to clicks and needs to be moved to switch back to a hand and accept more clicks.

Any advice on a solution that would maintain consistent functionality?

Thanks.

[Boyan]

Hello Eric,

We are not able to reproduce the issue. Are you using "Cursor=Hand" and do you set it to the RadCoverFlow or to specific item? It will be best, If you send us a sample project or a code snippet so we can reproduce the issue.

Best wishes,
Boyan
the Telerik team

[Eric]

The desired interaction is that you will have a consistent hand cursor over all coverflow items not in focus and an arrow on the one in focus. The action for the focused item is in a different location, not on the card itself.

Code for the CoverFlow control:

<zzzControls:ZZZCoverFlow x:Name="zzzCoverFlow"
                DistanceFromSelectedItem="-20"
                DistanceBetweenItems="70"
                RotationY="65"
                ItemScale=".85"
                IsReflectionEnabled="False"
                CameraDistance="2000"
                CameraViewpoint="Center"
                ReflectionHeight=".2"
                ReflectionOpacity="1"
                Orientation="Horizontal"
                OffsetY="0"
                OffsetX="0"
                SelectionChanged="StandardSelectionChanged"
                Width="600"
                Height="200"
                HorizontalAlignment="Left"
                Margin="165,107,0,0"
                VerticalAlignment="Top"
                Cursor="Hand">
            <telerikNavigation:RadCoverFlow.ItemTemplate>
                <DataTemplate>
                    <telerikNavigation:RadCoverFlowItem>
                        <HomeViews:ExplorePanelCard />
                    </telerikNavigation:RadCoverFlowItem>
                </DataTemplate>
            </telerikNavigation:RadCoverFlow.ItemTemplate>
        </zzzControls:ZZZCoverFlow>

Code for the DataTemplate:

<Viewbox RenderTransformOrigin="0.5,0.5" Cursor="Arrow">
        <Grid Height="142" Width="231">
            <Rectangle x:Name="CardBackground" RadiusY="4" RadiusX="4" Margin="0" Fill="{Binding Converter={StaticResource CardBackgroundFill}}" Height="132"/>
            <Rectangle x:Name="HighlightBurst" RadiusY="4" RadiusX="4" Margin="0">
                <Rectangle.Fill>
                    <RadialGradientBrush GradientOrigin="0.504,0.014" Center="0.504,0.014" RadiusY="0.462" RadiusX="0.479">
                        <GradientStop Color="Transparent" Offset="1"/>
                        <GradientStop Color="#59FFFFFF"/>
                    </RadialGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
         </Grid>
    </Viewbox>

Again, the presenting issue is when you click on a coverflow item the cursor changes to an arrow and requires mouse input to switch back to hand.

Additionally, the hand cursor appears off of the actual coverflow items and is non-functional. I'd like to improve that as well.

[Boyan]

Hello Eric,

I can't really understand the way you are trying to implement this. The Best way to achieve what you want is to set Cursor=Hand for the RadCoverflow and then set the cursor to arrow at the UserControl you are using as CoverflowItem(which is ExplorePanelCard as I understand from the code you send me). You can take a look at this example. There exactly the same is done, but the arrow is on the RadCoverflow and hand on the item.

Don't hesitate to contact us if you have other questions.

Best wishes,
Boyan
the Telerik team

[Eric]

This is how I have it as well.

On my instance of RadCoverFlow, I have Cursor="Hand" and on the CoverFlowItem UserControl, I have Cursor="Arrow"

Can you test by swapping the instances of the hand and cursor in your demo example and tell me if you see the example of cursor switching I've described?

[Boyan]

Hi Eric,

I changed them and the result is still the same. Here is what you can try. You can set the cursor like this:

<telerikNavigation:RadCoverFlow.ItemTemplate>
     <DataTemplate>
           <telerikNavigation:RadCoverFlowItem>
               <HomeViews:ExplorePanelCard  Cursor="Arrow"/>
            </telerikNavigation:RadCoverFlowItem>
     </DataTemplate>
</telerikNavigation:RadCoverFlow.ItemTemplate>

If this doesn't help could you please send us the whole project so we can investigate further.

Greetings,
Boyan
the Telerik team