How do you decrease the spacing between the coverflow images and the Navigation Panel? Also, how do you decrease the spacing between the coverflow images and the top of the control?
When I add the coverflow example to my project, there is a lot of space at the top and the bottom of the images. I'd like the control to take up only the space that is needed.
Thanks.
3 Answers, 1 is accepted
0
Hi Alan,
Best wishes,
Boyan
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
To change the distance between the items you need to override the ItemsPanelTemplate of the CoverFlow.
Currently, the CoverFlow control uses our AutoCenterPanel that has a property called ArrangeStrategy. This property is currently set to PositionsBasedArrangeStrategy (the only one available and supported by us at this time). This strategy also exposes a property called PositionDefinitions that is a collection of PositionDefinitions. Supported definitions at this time are RelativeWidthPositionDefinition and FixedWidthPositionDefinition that tell the CoverFlow how much room it holds for each item.
The first one is for the centered item, whereas the second one is for the left and right items that are next to the centered item. The last one describes the rest.
In the project I am sending to you, you can find the XAML code that sets the current configuration (the ItemsPanelTemplate with key CoverFlowItemsPanelTemplate).
Currently, the CoverFlow control uses our AutoCenterPanel that has a property called ArrangeStrategy. This property is currently set to PositionsBasedArrangeStrategy (the only one available and supported by us at this time). This strategy also exposes a property called PositionDefinitions that is a collection of PositionDefinitions. Supported definitions at this time are RelativeWidthPositionDefinition and FixedWidthPositionDefinition that tell the CoverFlow how much room it holds for each item.
The first one is for the centered item, whereas the second one is for the left and right items that are next to the centered item. The last one describes the rest.
In the project I am sending to you, you can find the XAML code that sets the current configuration (the ItemsPanelTemplate with key CoverFlowItemsPanelTemplate).
Best wishes,
Boyan
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Alan
Top achievements
Rank 2
Rank 2
answered on 07 Jul 2009, 09:28 PM
Thank you for this. Is there any way change the spacing without restyling the entire (or most of the) CoverFlow control? We really wish to avoid doing that, so that we can get style changes automatically and keep our resources as simple as possible. If not, I'd like to request that a simple property be added to allow customzing how much space takes up around an image in the CoverFlow. The default behavior has way too much space between the image and the slider as well as the top and sides of the control.
Thanks!
0
Hi Alan,
For now this is the only way to change the spacing. You should edit the template. However we added this feature request in our "To Do" list. We will discuss it, prioritize and possibly include it in some of our future releases.
Sorry for the inconvenience and thank you for your feedback.
Best wishes,
Boyan
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
For now this is the only way to change the spacing. You should edit the template. However we added this feature request in our "To Do" list. We will discuss it, prioritize and possibly include it in some of our future releases.
Sorry for the inconvenience and thank you for your feedback.
Best wishes,
Boyan
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.