Reply to thread

Message

<blockquote data-quote="ge2301" data-source="post: 1136642" data-attributes="member: 145639">That could be also an option. But it would be easier with the solution I have posted some time before: <a href="https://forum.team-mediaportal.com/threads/new-skin-bluevision.129477/page-41#post-1132739" target="_blank">https://forum.team-mediaportal.com/threads/new-skin-bluevision.129477/page-41#post-1132739</a>[ATTACH]164685[/ATTACH]I made a trial in the past and it&nbsp; worked well:[code] &lt;ControlTemplate x:Key=&quot;GridViewMovieItemTemplate&quot;&gt;&nbsp;&nbsp; &lt;Border Name=&quot;mask&quot; Background=&quot;White&quot; CornerRadius=&quot;{StaticResource MediumRadius}&quot; BorderThickness=&quot;0&quot; BorderBrush=&quot;Black&quot;/&gt;&nbsp; &nbsp; &lt;Grid Width=&quot;{StaticResource MEDIA_POSTER_WIDTH}&quot; Height=&quot;{StaticResource MEDIA_POSTER_HEIGHT}&quot; Margin=&quot;3,2,3,2&quot; HorizontalAlignment=&quot;Center&quot; VerticalAlignment=&quot;Center&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;Grid&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;Grid.ColumnDefinitions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ColumnDefinition Width=&quot;18&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ColumnDefinition Width=&quot;*&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ColumnDefinition Width=&quot;18&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/Grid.ColumnDefinitions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;Grid.RowDefinitions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;RowDefinition Height=&quot;18&quot;&nbsp; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;RowDefinition Height=&quot;*&quot;&nbsp; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;RowDefinition Height=&quot;18&quot;&nbsp; /&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;/Grid.RowDefinitions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;Image Grid.Row=&quot;0&quot; Grid.Column=&quot;0&quot; Stretch=&quot;Fill&quot; Margin=&quot;0&quot; Opacity=&quot;1&quot; Source=&quot;corner.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &lt;Image Grid.Row=&quot;1&quot; Grid.Column=&quot;0&quot; Stretch=&quot;Fill&quot; VerticalAlignment=&quot;Stretch&quot; HorizontalAlignment=&quot;Stretch&quot; Margin=&quot;0&quot; Opacity=&quot;1&quot; Source=&quot;piece.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &lt;Image Grid.Row=&quot;2&quot; Grid.Column=&quot;0&quot; Stretch=&quot;Fill&quot; Margin=&quot;0&quot; Opacity=&quot;1&quot; Source=&quot;corner.png&quot; RenderTransformOrigin=&quot;.5,.5&quot; &gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;Image.RenderTransform&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;RotateTransform Angle=&quot;270&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/Image.RenderTransform&gt;&nbsp; &nbsp; &nbsp; &lt;/Image&gt;&nbsp; &nbsp; &nbsp; &lt;Image Grid.Row=&quot;0&quot; Grid.Column=&quot;1&quot; Stretch=&quot;Fill&quot; VerticalAlignment=&quot;Stretch&quot; HorizontalAlignment=&quot;Stretch&quot; Margin=&quot;0&quot; Opacity=&quot;1&quot; Source=&quot;piece.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &lt;Image Grid.Row=&quot;1&quot; Grid.Column=&quot;1&quot; Stretch=&quot;Fill&quot; VerticalAlignment=&quot;Stretch&quot; HorizontalAlignment=&quot;Stretch&quot; Margin=&quot;0&quot; Opacity=&quot;1&quot; Source=&quot;piece.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &lt;Image Grid.Row=&quot;2&quot; Grid.Column=&quot;1&quot; Stretch=&quot;Fill&quot; VerticalAlignment=&quot;Stretch&quot; HorizontalAlignment=&quot;Stretch&quot; Margin=&quot;0&quot; Opacity=&quot;1&quot; Source=&quot;piece.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;Image Grid.Row=&quot;0&quot; Grid.Column=&quot;2&quot; Stretch=&quot;Fill&quot; Margin=&quot;0&quot; Opacity=&quot;1&quot; Source=&quot;corner.png&quot; RenderTransformOrigin=&quot;.5,.5&quot; &gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;Image.RenderTransform&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;RotateTransform Angle=&quot;90&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/Image.RenderTransform&gt;&nbsp; &nbsp; &nbsp; &lt;/Image&gt;&nbsp; &nbsp; &nbsp; &lt;Image Grid.Row=&quot;1&quot; Grid.Column=&quot;2&quot; Stretch=&quot;Fill&quot; VerticalAlignment=&quot;Stretch&quot; HorizontalAlignment=&quot;Stretch&quot; Margin=&quot;0&quot; Opacity=&quot;1&quot; Source=&quot;piece.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &lt;Image Grid.Row=&quot;2&quot; Grid.Column=&quot;2&quot; Stretch=&quot;Fill&quot; Margin=&quot;0&quot; Opacity=&quot;1&quot; Source=&quot;corner.png&quot; RenderTransformOrigin=&quot;.5,.5&quot;&nbsp; &gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Image.RenderTransform&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;RotateTransform Angle=&quot;180&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/Image.RenderTransform&gt;&nbsp; &nbsp; &nbsp; &lt;/Image&gt;&nbsp; &nbsp; &nbsp; &lt;/Grid&gt;&nbsp; &nbsp; &lt;/Grid&gt;&nbsp; &lt;/ControlTemplate&gt;[/code]Results in:[ATTACH]164684[/ATTACH]<ul>
<li data-xf-list-type="ul">Only 3 image tiles necessary (corner, center, side) 
</li>
<li data-xf-list-type="ul">Radius size can be adjusted by changing the Row/column height of corner cells</li>
</ul>I just have to create correct shadow tiles and add it to code for next version.</blockquote>

[QUOTE="ge2301, post: 1136642, member: 145639"] That could be also an option. But it would be easier with the solution I have posted some time before: [URL]https://forum.team-mediaportal.com/threads/new-skin-bluevision.129477/page-41#post-1132739[/URL] [ATTACH]164685[/ATTACH] I made a trial in the past and it worked well: [code] <ControlTemplate x:Key="GridViewMovieItemTemplate"> <Border Name="mask" Background="White" CornerRadius="{StaticResource MediumRadius}" BorderThickness="0" BorderBrush="Black"/> <Grid Width="{StaticResource MEDIA_POSTER_WIDTH}" Height="{StaticResource MEDIA_POSTER_HEIGHT}" Margin="3,2,3,2" HorizontalAlignment="Center" VerticalAlignment="Center"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="18"/> <ColumnDefinition Width="*"/> <ColumnDefinition Width="18"/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="18" /> <RowDefinition Height="*" /> <RowDefinition Height="18" /> </Grid.RowDefinitions> <Image Grid.Row="0" Grid.Column="0" Stretch="Fill" Margin="0" Opacity="1" Source="corner.png" /> <Image Grid.Row="1" Grid.Column="0" Stretch="Fill" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0" Opacity="1" Source="piece.png" /> <Image Grid.Row="2" Grid.Column="0" Stretch="Fill" Margin="0" Opacity="1" Source="corner.png" RenderTransformOrigin=".5,.5" > <Image.RenderTransform> <RotateTransform Angle="270" /> </Image.RenderTransform> </Image> <Image Grid.Row="0" Grid.Column="1" Stretch="Fill" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0" Opacity="1" Source="piece.png" /> <Image Grid.Row="1" Grid.Column="1" Stretch="Fill" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0" Opacity="1" Source="piece.png" /> <Image Grid.Row="2" Grid.Column="1" Stretch="Fill" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0" Opacity="1" Source="piece.png" /> <Image Grid.Row="0" Grid.Column="2" Stretch="Fill" Margin="0" Opacity="1" Source="corner.png" RenderTransformOrigin=".5,.5" > <Image.RenderTransform> <RotateTransform Angle="90" /> </Image.RenderTransform> </Image> <Image Grid.Row="1" Grid.Column="2" Stretch="Fill" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0" Opacity="1" Source="piece.png" /> <Image Grid.Row="2" Grid.Column="2" Stretch="Fill" Margin="0" Opacity="1" Source="corner.png" RenderTransformOrigin=".5,.5" > <Image.RenderTransform> <RotateTransform Angle="180" /> </Image.RenderTransform> </Image> </Grid> </Grid> </ControlTemplate>[/code] Results in: [ATTACH]164684[/ATTACH] [LIST] [*]Only 3 image tiles necessary (corner, center, side) [*]Radius size can be adjusted by changing the Row/column height of corner cells [/LIST] I just have to create correct shadow tiles and add it to code for next version. [/QUOTE]

Verification