Can the FlipView's Index indicator be modified?

[dknippel]

I would really like to be able to modify the Index indicator from an ellipse to perhaps a thumbnail + index number. Also, is there anyway to put it into a ScrollViewer for times when my underlying collection is quite large?

Basically I'm needing a "filmstrip" type of Index indicator. Any suggestions?

[timunie]

@dknippel check orignal styles and override / modify them as needed.

MahApps.Metro/src/MahApps.Metro/Themes/FlipView.xaml

Lines 50 to 78 in 221996b

	<Style x:Key="MahApps.Styles.ListBoxItem.FlipView.Index" TargetType="ListBoxItem">
	<Setter Property="FocusVisualStyle" Value="{x:Null}" />
	<Setter Property="HorizontalContentAlignment" Value="Center" />
	<Setter Property="Margin" Value="10" />
	<Setter Property="SnapsToDevicePixels" Value="True" />
	<Setter Property="Template">
	<Setter.Value>
	<ControlTemplate TargetType="ListBoxItem">
	<Ellipse x:Name="Bd"
	Width="{DynamicResource FlipViewIndexItemSize}"
	Height="{DynamicResource FlipViewIndexItemSize}"
	Margin="{TemplateBinding Padding}"
	Fill="{DynamicResource MahApps.Brushes.SystemControlTransparent}"
	SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
	Stroke="{DynamicResource MahApps.Brushes.SystemControlForegroundBaseMedium}"
	StrokeThickness="1" />
	<ControlTemplate.Triggers>
	<Trigger Property="IsSelected" Value="true">
	<Setter TargetName="Bd" Property="Fill" Value="{DynamicResource MahApps.Brushes.SystemControlHighlightListAccentMedium}" />
	</Trigger>
	<Trigger Property="IsMouseOver" Value="true">
	<Setter Property="Cursor" Value="Hand" />
	<Setter TargetName="Bd" Property="Fill" Value="{DynamicResource MahApps.Brushes.SystemControlHighlightListAccentHigh}" />
	</Trigger>
	</ControlTemplate.Triggers>
	</ControlTemplate>
	</Setter.Value>
	</Setter>
	</Style>

[dknippel]

Excellent, thank you for your response @timunie !