Version

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.

  1. 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>
  1. Build and run the project. The images that have a transparent background you see a reddish border around.

xamcarouselpanel with custom template applied