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:
Thank you . This works !!!! :)
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.
Could you please help me with this?
Thanks