Hi ,
I want to remove the Tile Manager Header : That is the whole background , text , border .
I want to use the tile manager to just show text and a Image . I do not want to show the enclosure ( i mean the border ) .
<ig:XamTileManager x:Name="TileMgrWidget" Height="800" MaximizedTileLimit="0" FlowDirection="LeftToRight" BorderBrush="Transparent" Style="{StaticResource XamTileManagerStyle}" ItemHeaderTemplate="{StaticResource UserHeaderTemplate}" InterTileSpacingX="25" InterTileSpacingY="25"> <ig:XamTileManager.Resources> <Style x:Key="TileHeaderPresenter" TargetType="igPrim:TileHeaderPresenter"> <Setter Property="HorizontalContentAlignment" Value="Left" /> <Setter Property="Height" Value="0" /> <Setter Property="VerticalContentAlignment" Value="Center" /> <Setter Property="Foreground" Value="Transparent" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="Transparent" /> <Setter Property="Padding" Value="0,0,0,0" /> <Setter Property="BorderThickness" Value="0,0,0,0" /> <Setter Property="MinHeight" Value="0" /> <Setter Property="MaxHeight" Value="0" /> <Setter Property="HorizontalAlignment" Value="Center" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="igPrim:TileHeaderPresenter"> <Grid> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Normal" /> <VisualState x:Name="MouseOver"> <Storyboard> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ToggleMaximized" Storyboard.TargetProperty="(UIElement.Opacity)"> <SplineDoubleKeyFrame KeyTime="00:00:00.25" Value="1" /> </DoubleAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Disabled" /> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Border CornerRadius="0,0,0,0" Background="Transparent" BorderBrush="Transparent" BorderThickness="0,0,0,0" > <Grid Background="Transparent"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <Border Margin="0,0,0,0" BorderBrush="Transparent" BorderThickness="0,0,0,0" CornerRadius="6" Grid.ColumnSpan="5" /> <Path Grid.ColumnSpan="5" Width="186" Height="0" Fill="Transparent" HorizontalAlignment="Right" Margin="0,0,0,0" VerticalAlignment="Bottom" Data="M 0,15 C0,15 0,16 0,16 0,16 110.76,16 110.76,16 113.26,16 117.53,14.23 119.30,12.46 119.30,12.46 127.22,4.53 127.22,4.53 128.99,2.76 133.26,1 135.76,1 135.76,1 186,1 186,1 186,1 186,0 186,0 186,0 135.76,0 135.76,0 133.26,0 128.99,1.76 127.22,3.53 127.22,3.53 119.30,11.46 119.30,11.46 117.53,13.23 113.26,15 110.76,15 110.76,15 0,15 0,15 z" Stretch="Fill"> </Path> </Grid> </Border> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> </ig:XamTileManager.Resources> <ig:XamTileManager.ItemTemplate> <DataTemplate> <StackPanel x:Name="templateWidget" Orientation="Vertical" ScrollViewer.VerticalScrollBarVisibility="Disabled" Background="Transparent" Margin="0,0,0,0" > <Image Source="{Binding MenuImagePath}" VerticalAlignment="Center" HorizontalAlignment="Center" Height="100" Width="100" /> <TextBlock x:Name="txtBlkMenuName" FontFamily="Verdana" VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding MenuName}" FontSize="11"></TextBlock> </StackPanel> </DataTemplate> </ig:XamTileManager.ItemTemplate> <ig:XamTileManager.NormalModeSettings> <ig:NormalModeSettings TileLayoutOrder="Horizontal" MaxColumns="4" AllowTileSizing="No" AllowTileDragging="No" ExplicitLayoutTileSizeBehavior="SynchronizeTileWidthsAndHeights" MaxRows="10" /> </ig:XamTileManager.NormalModeSettings> </ig:XamTileManager>My Resource dictionary is: <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:ig="http://schemas.infragistics.com/xaml" xmlns:igPrim="http://schemas.infragistics.com/xaml/primitives"> <SolidColorBrush x:Key="TilesControlBorderBrushFillKey" Color="Transparent" /> <DataTemplate x:Key="UserHeaderTemplate"> <TextBlock Text="" Margin="0,0,0,0" Padding="0,0,0,0" Height="0" MaxHeight="0"/> </DataTemplate> <Style x:Key="XamTileManagerStyle" TargetType="ig:XamTileManager"> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="White" /> <Setter Property="BorderThickness" Value="0,0,0,0" /> <Setter Property="Padding" Value="0,0,0,0" /> <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto" /> <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto" /> <Setter Property="igPrim:XamlHelper.CanContentScroll" Value="true" /> <Setter Property="VerticalContentAlignment" Value="Center" /> <Setter Property="TileAreaPadding" Value="0,0,0,0"></Setter> <!--<Setter Property="ig:XamTileManager.ItemHeaderTemplate"> <Setter.Value> <ControlTemplate TargetType="ig:XamTileManager"> <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" CornerRadius="6" Margin="0,0,0,0"></Border> </ControlTemplate> </Setter.Value> </Setter>--> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="ig:XamTileManager"> <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" CornerRadius="6" Margin="0,0,0,0" igPrim:XamlHelper.SnapsToDevicePixels="true"> <ScrollViewer BorderThickness="0" igPrim:XamlHelper.Focusable="false" HorizontalScrollBarVisibility="Auto" Margin="0" Padding="0" VerticalScrollBarVisibility="Auto"> <igPrim:TileAreaPanel x:Name="TilePanel" Margin="0,0,0,0" UseLayoutRounding="True" igPrim:XamlHelper.SnapsToDevicePixels="{TemplateBinding igPrim:XamlHelper.SnapsToDevicePixels}" /> </ScrollViewer> </Border> </ControlTemplate> </Setter.Value> </Setter> </Style> </ResourceDictionary>Thanks
My code is:
Could you please help me with this?
Thanks
Hi,
I'm attaching a sample Silverlight 5 project. Here the xamTiles have no header part, and ItemDataTemplate is used to present the items from ItemsSource when they are in Normal mode. Its a simple example, but I hope that you will pick up something that will be useful for you.
Do not hestitate to ask if you have any other questions.
Regards, Olga G.
Thank you . This works !!!! :)