Reply to thread

Message

<blockquote data-quote="morpheus_xx" data-source="post: 1137468" data-attributes="member: 48495">[USER=145639]@ge2301[/USER] I wanted to refactor the shadow definitions and moved out the code into a resource. I checked the different combination, so that I don't accidently remove your values again <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite2" alt=";)" title="Wink&nbsp; &nbsp; ;)" loading="lazy" data-shortname=";)" />One question though: is it intended that there are following combinations of Margin and Row/Column Height/Widths:<ul>
<li data-xf-list-type="ul">-3 / 18 (1x in MediaStyles.xaml) 
</li>
<li data-xf-list-type="ul">-3 / 19 (2x in MediaStyles.xaml) 
</li>
<li data-xf-list-type="ul">-3.5 / 22 (1x in MediaStyles.xaml + 1x MediaItemFanart.inc) 
</li>
<li data-xf-list-type="ul">-3.5 / 24 (2x in MediaStyles.xaml)</li>
<li data-xf-list-type="ul">-4 / 24 (1x&nbsp; in OtherControls.xaml)</li>
</ul>The styles looks like:[CODE=XML]&nbsp; &lt;Style x:Key=&quot;Shadow_3_18&quot;&gt;&nbsp; &nbsp; &lt;Setter Property=&quot;Template&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;Setter.Value&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ControlTemplate&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Grid Margin=&quot;-3&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Grid.ColumnDefinitions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ColumnDefinition Width=&quot;18&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ColumnDefinition Width=&quot;*&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ColumnDefinition Width=&quot;18&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Grid.ColumnDefinitions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Grid.RowDefinitions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;RowDefinition Height=&quot;18&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;RowDefinition Height=&quot;*&quot;&nbsp; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;RowDefinition Height=&quot;18&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Grid.RowDefinitions&gt;&nbsp; &nbsp; &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;0.9&quot; Source=&quot;shadow_00.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &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;0.9&quot; Source=&quot;shadow_10.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &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;0.9&quot; Source=&quot;shadow_20.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &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;0.9&quot; Source=&quot;shadow_01.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &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;0.9&quot; Source=&quot;shadow_11.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &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;0.9&quot; Source=&quot;shadow_21.png&quot; /&gt;&nbsp; &nbsp; &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;0.9&quot; Source=&quot;shadow_02.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &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;0.9&quot; Source=&quot;shadow_12.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &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;0.9&quot; Source=&quot;shadow_22.png&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Grid&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ControlTemplate&gt;&nbsp; &nbsp; &nbsp; &lt;/Setter.Value&gt;&nbsp; &nbsp; &lt;/Setter&gt;&nbsp; &lt;/Style&gt;[/CODE]The new styles then can be used this way:[CODE=XML]&nbsp; &nbsp; &nbsp; &lt;!-- SHADOW --&gt;&nbsp; &nbsp; &nbsp; &lt;Control Style=&quot;{ThemeResource Shadow_35_22}&quot; /&gt;&nbsp; &nbsp; &nbsp; &lt;!-- SHADOW --&gt;[/CODE]I tried to remove the redundancies of grid definitions, but unfortunately I could not make it working. The &quot;DynamicResource&quot; is not evaluated to RowDefintion's Height property. So I have a style for each combination now <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite3" alt=":(" title="Frown&nbsp; &nbsp; :(" loading="lazy" data-shortname=":(" />But at least I could move the duplicated inline styles into a single resource file (&quot;widgets.xaml&quot;) now.</blockquote>

[QUOTE="morpheus_xx, post: 1137468, member: 48495"] [USER=145639]@ge2301[/USER] I wanted to refactor the shadow definitions and moved out the code into a resource. I checked the different combination, so that I don't accidently remove your values again ;) One question though: is it intended that there are following combinations of Margin and Row/Column Height/Widths: [LIST] [*]-3 / 18 (1x in MediaStyles.xaml) [*]-3 / 19 (2x in MediaStyles.xaml) [*]-3.5 / 22 (1x in MediaStyles.xaml + 1x MediaItemFanart.inc) [*]-3.5 / 24 (2x in MediaStyles.xaml) [*]-4 / 24 (1x in OtherControls.xaml) [/LIST] The styles looks like: [CODE=XML] <Style x:Key="Shadow_3_18"> <Setter Property="Template"> <Setter.Value> <ControlTemplate> <Grid Margin="-3"> <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="0.9" Source="shadow_00.png" /> <Image Grid.Row="1" Grid.Column="0" Stretch="Fill" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0" Opacity="0.9" Source="shadow_10.png" /> <Image Grid.Row="2" Grid.Column="0" Stretch="Fill" Margin="0" Opacity="0.9" Source="shadow_20.png" /> <Image Grid.Row="0" Grid.Column="1" Stretch="Fill" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0" Opacity="0.9" Source="shadow_01.png" /> <Image Grid.Row="1" Grid.Column="1" Stretch="Fill" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0" Opacity="0.9" Source="shadow_11.png" /> <Image Grid.Row="2" Grid.Column="1" Stretch="Fill" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0" Opacity="0.9" Source="shadow_21.png" /> <Image Grid.Row="0" Grid.Column="2" Stretch="Fill" Margin="0" Opacity="0.9" Source="shadow_02.png" /> <Image Grid.Row="1" Grid.Column="2" Stretch="Fill" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0" Opacity="0.9" Source="shadow_12.png" /> <Image Grid.Row="2" Grid.Column="2" Stretch="Fill" Margin="0" Opacity="0.9" Source="shadow_22.png" /> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> [/CODE] The new styles then can be used this way: [CODE=XML]  <Control Style="{ThemeResource Shadow_35_22}" /> [/CODE] I tried to remove the redundancies of grid definitions, but unfortunately I could not make it working. The "DynamicResource" is not evaluated to RowDefintion's Height property. So I have a style for each combination now :( But at least I could move the duplicated inline styles into a single resource file ("widgets.xaml") now. [/QUOTE]

Verification