Hello,
I apologize that we could not respond to this post the same day it was posted. We get so many posts that it takes a while to go through each one. If I had seen your request for expediency sooner, I would have tried to get you an answer sooner.
If you are using the XamCarouselListBox, you can disable focus for all CarouselListBoxItems by declaring the following style in a Resources section of your XAML.
<Style TargetType="{x:Type igWindows:CarouselListBoxItem}"> <Setter Property="FocusVisualStyle" Value="{x:Null}" /> <Setter Property="Focusable" Value="False" /></Style>
This will disable the focus rectangle around each list item. Taking this approach you can also define your FocusVisualStyle for each item to be a custom shape. This takes a little more work. If you would like further assistance on how to customize the shape of the focus visual style, please let me know.
Thanks,
Curtis
I am running into the same issue, but using the XAML above does not hide the border around the current SelectedItem.
Digging into the visual tree with Mole, shows the following partial visual tree on the current SelectedItem:
Grid
ScrollViewer
Rectangle
ScrollContentPresenter
ViewBox
ContainerVisual
Grid - itemContentHolder
Border - itemContentHolderBackground
This border object is a rectangle filled with a gray gradient that is a few pixels larger than each CarouselListBoxItem and since we are using an ItemTemplate to style our list box items we really need to be able to disable this.
Any suggestions would be greatly appreciated.