<Style TargetType="{x:Type igWindows:CarouselPanelItem}"> ... <ScrollViewer ...> ... <Border x:Name="itemContentHolderBackground" Background="#00000000" BorderBrush="Tomato" BorderThickness="5"/> ... </ScrollViewer ...> ... </Style>
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.
In XAML:
<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.