Home / Community & Support / Developer Productivity Tools Forums / Silverlight > CoverFlow > Double click on an item in CoverFlow

• Thomas

  Posted on Dec 26, 2009 (permalink)

  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.

  Reply

• Answer Konstantina Konstantina

  Posted on Dec 28, 2009 (permalink)

  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.

  Attached files

  • coverflownextpage.zip

  Reply

• Thomas

  Posted on Jan 1, 2010 (permalink)

  Thank you very much. Awesome!

  Reply

• Charles

  Posted on Jun 29, 2011 (permalink)

  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.

  Reply

• Pana Pana

  Posted on Jul 5, 2011 (permalink)

  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

  Reply

• Daniela

  Posted on Sep 30, 2011 (permalink)

  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,
  
  

  Reply

• Pana Pana

  Posted on Sep 30, 2011 (permalink)

  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 >>

  Reply

• Daniela

  Posted on Sep 30, 2011 (permalink)

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

  Reply

• Pana Pana

  Posted on Oct 6, 2011 (permalink)

  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 >>

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / Silverlight > CoverFlow > Double click on an item in CoverFlow