Cursor changes to arrow after click

6 posts, 0 answers
  1. Eric
    Eric avatar
    3 posts
    Member since:
    Jan 2011

    Posted 24 Jan 2011 Link to this post

    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.
  2. Boyan
    Admin
    Boyan avatar
    758 posts

    Posted 27 Jan 2011 Link to this post

    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>>
  3. DevCraft banner
  4. Eric
    Eric avatar
    3 posts
    Member since:
    Jan 2011

    Posted 27 Jan 2011 Link to this post

    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.
  5. Boyan
    Admin
    Boyan avatar
    758 posts

    Posted 02 Feb 2011 Link to this post

    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>>
  6. Eric
    Eric avatar
    3 posts
    Member since:
    Jan 2011

    Posted 03 Feb 2011 Link to this post

    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?
  7. Boyan
    Admin
    Boyan avatar
    758 posts

    Posted 08 Feb 2011 Link to this post

    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>>
Back to Top
DevCraft banner