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

Cursor changes to arrow after click

5 Answers 55 Views
CoverFlow
This is a migrated thread and some comments may be shown as answers.
Eric
Top achievements
Rank 1
Eric asked on 24 Jan 2011, 05:19 PM
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.

5 Answers, 1 is accepted

Sort by
0
Boyan
Telerik team
answered on 27 Jan 2011, 09:32 AM
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
Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
0
Eric
Top achievements
Rank 1
answered on 27 Jan 2011, 06:03 PM
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.
0
Boyan
Telerik team
answered on 02 Feb 2011, 09:21 AM
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
Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
0
Eric
Top achievements
Rank 1
answered on 03 Feb 2011, 04:05 PM
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?
0
Boyan
Telerik team
answered on 08 Feb 2011, 12:46 PM
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
Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
Tags
CoverFlow
Asked by
Eric
Top achievements
Rank 1
Answers by
Boyan
Telerik team
Eric
Top achievements
Rank 1
Share this question
or