Double click on an item in CoverFlow

9 posts, 1 answers
  1. Thomas
    Thomas avatar
    6 posts
    Member since:
    Dec 2008

    Posted 26 Dec 2009 Link to this post

    I need use CoverFlow to navigate to different pages (ie. click or double click on selected image (item) from CoverFlow to go to another page. Any advice on how to implement it?
    Thank you.
  2. Answer
    Konstantina
    Admin
    Konstantina avatar
    2332 posts

    Posted 28 Dec 2009 Link to this post

    Hi Thomas,

    Straight to your question.

    Navigation to a different page from the item of the CoverFlow can be achieved by wrapping the items in a button via DataTemplate. Then it is used the Click event of the button to implement the logic for the navigation. Attached is a sample project which illustrates this approach.

    If you have any further questions please feel free to ask again.

    Regards,
    Konstantina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. DevCraft banner
  4. Thomas
    Thomas avatar
    6 posts
    Member since:
    Dec 2008

    Posted 01 Jan 2010 Link to this post

    Thank you very much. Awesome!
  5. Charles
    Charles avatar
    1 posts
    Member since:
    Jun 2011

    Posted 29 Jun 2011 Link to this post

    Hello, and thanks for your help.  However, the demo that you provided kind of produces an odd behaviour.  whenever I click on ANY of the images, the resulting behavior is the carousel like behavior of coverflow, as expected. Except for the FIRST picture where clicking on it produces the redirect to the google page.  None of the other images induce the navigation to the new page, and I still don't understand how you can both CLICK an image to produce the coverflow movement, and differentiate it from the click to navigate???  I suppose only the SELECTED image should produce the redirect, but apparently I'm doing something incorrectly, even though all I am doing is running the demo you provided.
  6. Pana
    Admin
    Pana avatar
    748 posts

    Posted 05 Jul 2011 Link to this post

    Hi Charles,

    This happens because instead of RadCoverFlowItems Strings are inserted. And some of the strings occur more than once. If you select the second item in the demo you can MouseOver and press the 5-th or something like that. If you use RadCoverFlowItems or make all strings different it will work fine.

    All the best,
    Pana
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  7. Daniela
    Daniela avatar
    20 posts
    Member since:
    Jul 2011

    Posted 30 Sep 2011 Link to this post

    Hi Pana ,

    Thanks a lot for your example, it is very useful.
    can you please explain me what do you mean when you say :" This happens because instead of RadCoverFlowItems Strings are inserted. And some of the strings occur more than once." do you might know how to solve this?  so that the user can navigate trough the objects using the single click? and not only the MouseOver .

    thanks in advance,

  8. Pana
    Admin
    Pana avatar
    748 posts

    Posted 30 Sep 2011 Link to this post

    Hi,

    You see? The duplicate Strings I mean:

    <telerikNavigation:RadCoverFlow Background="AliceBlue" x:Name="myCover" >
        <telerikNavigation:RadCoverFlow.ItemTemplate>
            <DataTemplate>
                <local:ImageItem />
            </DataTemplate>
        </telerikNavigation:RadCoverFlow.ItemTemplate>
        <system:String>Images/Desert.jpg</system:String>
        <system:String>Images/Koala.jpg</system:String>
        <system:String>Images/Tulips.jpg</system:String>
        <system:String>Images/Chrysanthemum.jpg</system:String>
        <system:String>Images/Desert.jpg</system:String>
        <system:String>Images/Koala.jpg</system:String>
        <system:String>Images/Tulips.jpg</system:String>
        <system:String>Images/Chrysanthemum.jpg</system:String>
        <system:String>Images/Desert.jpg</system:String>
        <system:String>Images/Koala.jpg</system:String>
        <system:String>Images/Tulips.jpg</system:String>
        <system:String>Images/Chrysanthemum.jpg</system:String>
    </telerikNavigation:RadCoverFlow>

    And actually how did you managed to make it navigate on mouse over? By default RadCoverflow navigates on click as shown in the demos.

    Kind regards,
    Pana
    the Telerik team
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
  9. Daniela
    Daniela avatar
    20 posts
    Member since:
    Jul 2011

    Posted 30 Sep 2011 Link to this post

    hi,

    thanks for your reply.
    I made a mistake, I meant mouse wheel instead of mouse over.

    Kind Regards,
  10. Pana
    Admin
    Pana avatar
    748 posts

    Posted 06 Oct 2011 Link to this post

    Hello,

    It does navigate on mouse wheel out of the box.

    All the best,
    Pana
    the Telerik team
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
Back to Top
DevCraft banner