Editing the CarouselPanelItem Template
CarouselPanelItem, derived from ListBoxItem, is a selectable container for items contained within the xamCarouselPanel™ control. The xamCarouselPanel control contains a collection of CarouselPanelItems.
Templates can be very complex. A control’s template contains all the settings necessary to render that particular control.
Follow these steps to modify the CarouselPanelItem template. You will place a border around each item in the xamCarouselPanel. This topic assumes you have completed the tasks in Adding xamCarouselPanel to Your Page.
-
Create a Border and set the BorderBrush to Tomato and the BorderThickness to 1. For your convenience, you can copy the entire Style Template into your project.
<Style TargetType="{x:Type igWindows:CarouselPanelItem}">
...
<ScrollViewer ...>
...
<Border x:Name="itemContentHolderBackground"
Background="#00000000"
BorderBrush="Tomato" BorderThickness="5"/>
...
</ScrollViewer ...>
...
</Style>
-
Build and run the project. The images that have a transparent background you see a reddish border around.