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

Double click on an item in CoverFlow

8 Answers 119 Views
CoverFlow
This is a migrated thread and some comments may be shown as answers.
Thomas
Top achievements
Rank 1
Thomas asked on 26 Dec 2009, 07:24 PM
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.

8 Answers, 1 is accepted

Sort by
0
Accepted
Konstantina
Telerik team
answered on 28 Dec 2009, 02:44 PM
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.
0
Thomas
Top achievements
Rank 1
answered on 01 Jan 2010, 04:29 PM
Thank you very much. Awesome!
0
Charles
Top achievements
Rank 1
answered on 29 Jun 2011, 05:49 PM
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.
0
Pana
Telerik team
answered on 05 Jul 2011, 12:16 PM
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
0
Daniela
Top achievements
Rank 1
answered on 30 Sep 2011, 11:02 AM
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,

0
Pana
Telerik team
answered on 30 Sep 2011, 01:25 PM
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 >>
0
Daniela
Top achievements
Rank 1
answered on 30 Sep 2011, 02:00 PM
hi,

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

Kind Regards,
0
Pana
Telerik team
answered on 06 Oct 2011, 06:33 AM
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 >>
Tags
CoverFlow
Asked by
Thomas
Top achievements
Rank 1
Answers by
Konstantina
Telerik team
Thomas
Top achievements
Rank 1
Charles
Top achievements
Rank 1
Pana
Telerik team
Daniela
Top achievements
Rank 1
Share this question
or