New Community Theme: Bamboo (1 Viewer)

[Lehmden]

Hi.
I have replaced the path by a fitting rectangle. The danger of temporal solution is banned.

  <Canvas x:Name="Layer_1" Width="1920" Height="1080" Canvas.Left="0" Canvas.Top="0">
        <Rectangle x:Name="Rectangle" Width="1920" Height="50" Canvas.Left="0" Canvas.Top="1032" Stretch="Fill" Fill="{ThemeResource FooterShapeFillColor}" Opacity="0.500"/>
    </Canvas>

Replaced in master_bare.xaml the "<Path x:Name="Shape_57_copy_7" .... Control with the xaml above and all is looking as I want it. Don't know if it is the "right" way to do but the result is OK to me.

Next is to implement "BackgroundManager" plugin...

 

[Lehmden]

Hi.
BackgroundManager plugin is working nicely... If I change to a video background it still works... Restyled home menu a lot to my wishes. Now labels are black and change to white if focussed. and the background is changing with the menu item that has focus. Really looks great...

But I did not find a way to have items visible only in Home screen. If I add the code for the menu-bar to master_home.xaml the skin did not load. If I add this to master_bare.xaml it is working but shows of on every screen.
I'll try to use "IsVisible" but it seems as if I don't find the correct syntax:

    <Rectangle x:Name="Rectangle" Width="1920" Height="66" Canvas.Left="0" Canvas.Top="965" Stretch="Fill" Fill="#ffffffff" Opacity="0.500" IsVisible="{Binding UseInHome}"/>

How do I need to alter the code to have this visible in home only?

 

[Lehmden]

Hi.
It's looking like this if I'm not at home screen:

No big problem, but I would prefer to not have the grey bar visible there...

By the way... I did not have a name for this yet. I'm working on it as "NoName Skin". but I think I can release a first version soon. For this I need a nice name. Any suggestions?

 

[ge2301]

Hi.
I have replaced the path by a fitting rectangle. The danger of temporal solution is banned.

  <Canvas x:Name="Layer_1" Width="1920" Height="1080" Canvas.Left="0" Canvas.Top="0">
        <Rectangle x:Name="Rectangle" Width="1920" Height="50" Canvas.Left="0" Canvas.Top="1032" Stretch="Fill" Fill="{ThemeResource FooterShapeFillColor}" Opacity="0.500"/>
    </Canvas>

Replaced in master_bare.xaml the "<Path x:Name="Shape_57_copy_7" .... Control with the xaml above and all is looking as I want it. Don't know if it is the "right" way to do but the result is OK to me.

Next is to implement "BackgroundManager" plugin...

Hmm, MP2 crashes when I change the code as you described. Did you copy the master_bare.xaml from Deafault skin into ../styles of your theme?
Red exchanged by green code?

<Path x:Name="Shape_57_copy_7" Canvas.Left="50" Canvas.Top="950" Width="1824" Height="91"
Data="F1M2,663.984C2,680.552 15.431,693.984 32,693.984 32,693.984 1792.01,693.984 1792.01,693.984 1808.578,693.984 1822.01,680.552 1822.01,663.984L1822.01,670.315C1822.01,700.647 1822.01,718.961 1822.01,718.961 1822.01,735.529 1808.578,748.961 1792.01,748.961 1792.01,748.961 32,748.961 32,748.961 15.431,748.961 2,735.529 2,718.961 2,718.961 2,700.647 2,670.315z"
Stretch="Fill">
<Path.Fill>
<SolidColorBrush Color="{ThemeResource FooterShapeFillColor}" Opacity="0.749"/>
</Path.Fill>
</Path>

<Rectangle x:Name="Rectangle" Width="1900" Height="50" Canvas.Left="0" Canvas.Top="1000" Stretch="Fill" Fill="{ThemeResource FooterShapeFillColor}" Opacity="0.500"/>

 

[Lehmden]

Hi.
If you replace it where the original "<Path x:Name="Shape_57_copy_7"..." is then you need the surrounding canvas from above code sniplet too. But this canvas interferers with the navigation bar on top (encounter this issue after I wrote that posting). That's why I've moved this code to near the top of the master_bare.xaml:

...

<Screen
    xmlns="www.team-mediaportal.com/2008/mpf/directx"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mp_special_workflow="clr-namespace:MediaPortal.UI.SkinEngine.SpecialElements.Workflow"
    xmlns:mp_special_controls="clr-namespace:MediaPortal.UI.SkinEngine.SpecialElements.Controls"
    mp_special_workflow:WorkflowContext.StateSlot="Root"
    x:Name="Screen"
    >

  <Canvas Width="1920" Height="1080">
    <Canvas.Resources>
      <Model x:Key="MouseModel" Id="CA6428A7-A6E2-4dd3-9661-F89CEBAF8E62"/>
      <Model x:Key="TimeModel" Id="E821B1C8-0666-4339-8027-AA45A4F6F107"/>
      <Model x:Key="CurrentWeatherModel" Id="FC57FF5C-F72F-47E9-B973-338E31FF7FF1"/>
    </Canvas.Resources>

         <Rectangle x:Name="Rectangle1" Width="1920" Height="50" Canvas.Left="0" Canvas.Top="1032" Stretch="Fill" Fill="{ThemeResource FooterShapeFillColor}" Opacity="0.500"/>
 
<Grid x:Name="HeaderPanel" Canvas.Top="0" Canvas.Left="0" Width="1920" Background="{ThemeResource HeaderPanelBackgroundBrush}">
  <Grid.RowDefinitions>

...

Here it's working as expected...

Maybe you need to adjust the Opacity, Height and Canvas.Top values a bit to fit your settings.

DId not yet find a way to move master_bare.xaml to theme that's why I've done a "complete" skin based on Titanium...

 

[Lehmden]

Hi.
Best is to upload what I got up to now. Here it is...

 

[ge2301]

Interesting, not working for me. Also you initial idea to change the settings of the bunny ears results into a crash of MP2.
Have you stored the xaml as I have asked?

Edit: Also, when I store the original master_bare.xaml into themes/xxx/styles/ the crash happens ... strange
From where did you take the master_bare.xaml? I took it from original skin: \Team MediaPortal\MP2-Client\Plugins\Titanium\Skin\Titanium\screens

Edit 2: Found the problem ... I stored the file really into the wrong folder of my skin

 

[morpheus_xx]

No big problem, but I would prefer to not have the grey bar visible there...

the "master_bare.xaml" is the main file on which all screens depend on. So if you like to have the grey bar only in home, but not in all other screens, you have to define the grey bar inside "master_homemenu.xaml" (the template for homescreen).

 

[Lehmden]

Hi.
Thanks

"master_homemenu.xaml" (the template for homescreen).

This I misunderstood. I thought this file is for home menu and master_home.xaml is for home screen... That's why I always tried to modify the wrong file....

 

[ge2301]

How can I add text effects to the button labels? I have tried several variants according to tutorials, but MP2 does not accept the code.
I added the red code below.

<!-- Item label - Text below the button-->
<Label Grid.Row="1" Grid.Column="0" x:Name="ItemLabel" HorizontalAlignment="Center" VerticalAlignment="Bottom" Content="{Binding [Name]}"
FontSize="{ThemeResource BigFontSize}" FontFamily="Titan" Color="{ThemeResource HomeNonFocusedColor}" Margin="0,0,0,0"

<Label.Effect>

<DropShadowEffect ShadowDepth="4" Direction="330" Color="Black" Opacity="0.5" BlurRadius="4"/>​

</Label.Effect>​

</Label>