Reply to thread

Message

<blockquote data-quote="Albert" data-source="post: 670999" data-attributes="member: 67886">AW: Skinning contest: One month to goPlease ask, if there are questions!And yes, the structure with those &quot;Include&quot; elements is not described in the Wiki yet. It is one of those TODOs there. I know, we need much more documentation to make skinning for MP2 really easy. In the current state, you have to be patient and understand some concepts <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />Start taking your first steps using a screen like this:[CODE]&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;&lt;Grid&nbsp; &nbsp; xmlns=&quot;www.team-mediaportal.com/2008/mpf/directx&quot;&nbsp; &nbsp; xmlns:x=&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;&nbsp; &nbsp; &gt;&nbsp; &lt;Grid.RowDefinitions&gt;&nbsp; &nbsp; &lt;RowDefinition Height=&quot;*&quot;/&gt;&nbsp; &nbsp; &lt;RowDefinition Height=&quot;*&quot;/&gt;&nbsp; &nbsp; &lt;RowDefinition Height=&quot;*&quot;/&gt;&nbsp; &lt;/Grid.RowDefinitions&gt;&nbsp; &lt;Grid.ColumnDefinitions&gt;&nbsp; &nbsp; &lt;ColumnDefinition Width=&quot;*&quot;/&gt;&nbsp; &nbsp; &lt;ColumnDefinition Width=&quot;Auto&quot;/&gt;&nbsp; &nbsp; &lt;ColumnDefinition Width=&quot;*&quot;/&gt;&nbsp; &lt;/Grid.ColumnDefinitions&gt;&nbsp; &lt;Label Grid.Row=&quot;0&quot; Grid.Column=&quot;1&quot;&nbsp; &nbsp; &nbsp; HorizontalAlignment=&quot;Center&quot; VerticalAlignment=&quot;Center&quot;&nbsp; &nbsp; &nbsp; Content=&quot;First row&quot;/&gt;&nbsp; &lt;Button Grid.Row=&quot;1&quot; Grid.Column=&quot;1&quot; Style=&quot;{ThemeResource ButtonWideStyle}&quot;&nbsp; &nbsp; &nbsp; HorizontalAlignment=&quot;Center&quot; VerticalAlignment=&quot;Center&quot;&nbsp; &nbsp; &nbsp; Content=&quot;Second row&quot;/&gt;&nbsp; &lt;CheckBox Grid.Row=&quot;2&quot; Grid.Column=&quot;1&quot; Style=&quot;{ThemeResource CheckBoxStyle}&quot;&nbsp; &nbsp; &nbsp; HorizontalAlignment=&quot;Center&quot; VerticalAlignment=&quot;Center&quot;&nbsp; &nbsp; &nbsp; Content=&quot;Third row&quot;/&gt;&lt;/Grid&gt;[/CODE]Are you able to compile MediaPortal 2? If not, tell me, then I'll give you a runnable copy.If yes, add the HelloWorld plugin from the Resources folder to the solution and run it. You'll see an additional &quot;Hello world&quot; menu entry which brings you to a simple screen.You can use the file from above as replacement for the screen in the HelloWorld plugin.While just trying out several things, you can just exchange the screen file (folder Plugins\HelloWorld\Skin\default\screens) while running MP2. the file will load every time again when you switch into the screen. So you can just press ESC to leave the screen and then use the &quot;Hello world&quot; menu button again.When you read the MSDN docs about WPF, you should already got a good understanding of how XAML and MPF work.Perhaps you can share your first tries here.Have fun!</blockquote>

[QUOTE="Albert, post: 670999, member: 67886"] [b]AW: Skinning contest: One month to go[/b] Please ask, if there are questions! And yes, the structure with those "Include" elements is not described in the Wiki yet. It is one of those TODOs there. I know, we need much more documentation to make skinning for MP2 really easy. In the current state, you have to be patient and understand some concepts :-) Start taking your first steps using a screen like this: [CODE] <?xml version="1.0" encoding="utf-8"?> <Grid xmlns="www.team-mediaportal.com/2008/mpf/directx" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" > <Grid.RowDefinitions> <RowDefinition Height="*"/> <RowDefinition Height="*"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <Label Grid.Row="0" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Content="First row"/> <Button Grid.Row="1" Grid.Column="1" Style="{ThemeResource ButtonWideStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Content="Second row"/> <CheckBox Grid.Row="2" Grid.Column="1" Style="{ThemeResource CheckBoxStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Content="Third row"/> </Grid> [/CODE] Are you able to compile MediaPortal 2? If not, tell me, then I'll give you a runnable copy. If yes, add the HelloWorld plugin from the Resources folder to the solution and run it. You'll see an additional "Hello world" menu entry which brings you to a simple screen. You can use the file from above as replacement for the screen in the HelloWorld plugin. While just trying out several things, you can just exchange the screen file (folder Plugins\HelloWorld\Skin\default\screens) while running MP2. the file will load every time again when you switch into the screen. So you can just press ESC to leave the screen and then use the "Hello world" menu button again. When you read the MSDN docs about WPF, you should already got a good understanding of how XAML and MPF work. Perhaps you can share your first tries here. Have fun! [/QUOTE]

Verification