CoverFlow as navigation panel

[Lev Rosenblit]

Hello,
Is it possible to have the cover flow images in fixed position and have only the image selected animated (inlarged or repositioned)? not in the center but in the same location of the image?

for example: ('*' is not selected image and '_' is the selected image where '|' is the screen bounderies)
    first image selected:       |  _ * * * * |
    second image selected: | * _ * * * |
    third image selected:      | * * _ * * |
    and so on... so that the selected image is not centered.

Thanks,
Lev Rosenblit

[Miroslav Nedyalkov]

Hi Lev Rosenblit,

First of all we want to apologize for the late response.

You make your CoverFlow not move your images by changing the ItemsPanel template. By default it is a panel, that centers the selected image. You could put for example a StackPanel. The attached example demonstrates hot to create a FishEye menu with the CoverFlow control.

Regards,
Miroslav Nedyalkov
the Telerik team

Instantly find answers to your questions on the newTelerik Support Portal.
Check out the tipsfor optimizing your support resource searches.

[Lev Rosenblit]

Thanks for the example, it was just what i was looking for.
I tried to have an ItemsPanel defined (just like in the demo) to reduce the space between the images , but it disabled the style you set.
can you please include an example of how to reduce space between images with a FishEye style?

[Miroslav Nedyalkov]

Hi Lev Rosenblit,

You could use negative margins for example. Just set the Margin property of the RadCoverFlowPerspective item in its style. You don't need a custom panel.

Regards,
Miroslav Nedyalkov
the Telerik team

Instantly find answers to your questions on the newTelerik Support Portal.
Check out the tipsfor optimizing your support resource searches.

[Prithwish Ghosh]

HI!
I want to decrease the padding distance between Images of coverflow and navigation panel so that I can show large images as well. Right now I need to adjust my image size to show it in a screen but I want to show the original image that is of 640X480 size and I dont need the gap between Image and navigation panel. Is there any way to decrease the gap between them?

I also want to customize the navigation panel. I want to increase the width of the scrollbar.

Is there any way or property to do above two customizations?

Thanks in advance...

[Miroslav Nedyalkov]

Hi Prithwish,

To change the size of the gap between the scrollbar and the coverflow items you may use the CenterOffsetY property of the CoverFlow control. To customize the navigation of the RadCoverFlow control you could set the NavigationPanelTemplate property that is a DataTemplate.

I would suggest you to take a look at the beta version of the new CoverFlow control that is based on the Silverlight 3 perspective projection. The RadCoverFlow control will no longer be supported after Q3 release, because the new one covers all its functionality. There are some diffrences in the API of the two version and one very important difference is that the new version doesn't support scrollbar, because Silverlight 3 supports ElementName in the binding expressions and it is easy to be implemented separately.

Please check the examples of the new CoverFlow control here: http://demos.telerik.com/silverlight/beta/#CoverFlow/FirstLook

Regards,
Miroslav Nedyalkov
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.