New Community Theme: Bamboo (1 Viewer)

Lehmden

Retired Team Member
  • Premium Supporter
  • December 17, 2010
    12,553
    3,934
    Lehmden
    Home Country
    Germany Germany
    Hi.
    I have replaced the path by a fitting rectangle. The danger of temporal solution is banned. ;)

    XML:
      <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

    Retired Team Member
  • Premium Supporter
  • December 17, 2010
    12,553
    3,934
    Lehmden
    Home Country
    Germany Germany
    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...

    Unbenannt-1.jpg


    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:

    XML:
        <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

    Retired Team Member
  • Premium Supporter
  • December 17, 2010
    12,553
    3,934
    Lehmden
    Home Country
    Germany Germany
    Hi.
    It's looking like this if I'm not at home screen:
    Unbenannt-2.jpg


    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?
     
    Last edited:

    ge2301

    Lead Design MP2
  • Team MediaPortal
  • January 11, 2014
    8,705
    3,491
    Stuttgart
    Home Country
    Germany Germany
    Hi.
    I have replaced the path by a fitting rectangle. The danger of temporal solution is banned. ;)

    XML:
      <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? :confused:

    <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

    Retired Team Member
  • Premium Supporter
  • December 17, 2010
    12,553
    3,934
    Lehmden
    Home Country
    Germany Germany
    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:
    XML:
    ...
    
    <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...
     

    ge2301

    Lead Design MP2
  • Team MediaPortal
  • January 11, 2014
    8,705
    3,491
    Stuttgart
    Home Country
    Germany Germany
    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 :eek:
    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 :D
     

    morpheus_xx

    Retired Team Member
  • Team MediaPortal
  • March 24, 2007
    12,073
    7,459
    Home Country
    Germany Germany
    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

    Retired Team Member
  • Premium Supporter
  • December 17, 2010
    12,553
    3,934
    Lehmden
    Home Country
    Germany Germany
    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

    Lead Design MP2
  • Team MediaPortal
  • January 11, 2014
    8,705
    3,491
    Stuttgart
    Home Country
    Germany Germany
    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>
     

    Users who are viewing this thread

    Top Bottom