home
products
contribute
download
documentation
forum
Home
Forums
New posts
Search forums
What's new
New posts
All posts
Latest activity
Members
Registered members
Current visitors
Donate
Log in
Register
What's new
Search
Search
Search titles only
By:
New posts
Search forums
Search titles only
By:
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
MediaPortal 2
Skins and Design
Apollo One
Contact us
RSS
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="morpheus_xx" data-source="post: 1071513" data-attributes="member: 48495"><p>If you take the home button style as example:</p><p><a href="https://github.com/morpheusxx/MediaPortal-2/blob/FEAT_ApolloOne/MediaPortal/Incubator/ApolloOne/Skin/ApolloOne/themes/default/styles/ButtonsOverrides.xaml#L225-L276" target="_blank">https://github.com/morpheusxx/MediaPortal-2/blob/FEAT_ApolloOne/MediaPortal/Incubator/ApolloOne/Skin/ApolloOne/themes/default/styles/ButtonsOverrides.xaml#L225-L276</a></p><p></p><p>It looks quite long, but if you ignore the .Triggers (that start storyboards to animate the button on hover), the main content is:</p><p>[CODE=XML] <Control Style="{ThemeResource HomeButtonControlStyle}" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>[/CODE]</p><p>This is the "container" of a button: In Titanium I placed there the "glow border", you can still see it commented:</p><p><a href="https://github.com/morpheusxx/MediaPortal-2/blob/FEAT_ApolloOne/MediaPortal/Incubator/ApolloOne/Skin/ApolloOne/themes/default/styles/ButtonsOverrides.xaml#L215-L223" target="_blank">https://github.com/morpheusxx/MediaPortal-2/blob/FEAT_ApolloOne/MediaPortal/Incubator/ApolloOne/Skin/ApolloOne/themes/default/styles/ButtonsOverrides.xaml#L215-L223</a></p><p></p><p>Then the home ListView uses this button: <a href="https://github.com/morpheusxx/MediaPortal-2/blob/FEAT_ApolloOne/MediaPortal/Incubator/ApolloOne/Skin/ApolloOne/themes/default/styles/OtherControlsOverrides.xaml#L17-L37" target="_blank">https://github.com/morpheusxx/MediaPortal-2/blob/FEAT_ApolloOne/MediaPortal/Incubator/ApolloOne/Skin/ApolloOne/themes/default/styles/OtherControlsOverrides.xaml#L17-L37</a></p><p>[CODE=XML] <Button.Triggers></p><p> <Trigger Property="HasFocus" Value="True"></p><p> <Setter TargetName="ItemLabel" Property="Scroll" Value="Auto"/></p><p> <Setter TargetName="ItemLabel" Property="Color" Value="{ThemeResource TextColor}"/></p><p> <Setter TargetName="HoverGlow" Property="IsVisible" Value="true"/></p><p> </Trigger>[/CODE]</p><p>(the HoverGlow would be set to visible if control gets focus, but image is no longer present).</p></blockquote><p></p>
[QUOTE="morpheus_xx, post: 1071513, member: 48495"] If you take the home button style as example: [url]https://github.com/morpheusxx/MediaPortal-2/blob/FEAT_ApolloOne/MediaPortal/Incubator/ApolloOne/Skin/ApolloOne/themes/default/styles/ButtonsOverrides.xaml#L225-L276[/url] It looks quite long, but if you ignore the .Triggers (that start storyboards to animate the button on hover), the main content is: [CODE=XML] <Control Style="{ThemeResource HomeButtonControlStyle}" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>[/CODE] This is the "container" of a button: In Titanium I placed there the "glow border", you can still see it commented: [url]https://github.com/morpheusxx/MediaPortal-2/blob/FEAT_ApolloOne/MediaPortal/Incubator/ApolloOne/Skin/ApolloOne/themes/default/styles/ButtonsOverrides.xaml#L215-L223[/url] Then the home ListView uses this button: [url]https://github.com/morpheusxx/MediaPortal-2/blob/FEAT_ApolloOne/MediaPortal/Incubator/ApolloOne/Skin/ApolloOne/themes/default/styles/OtherControlsOverrides.xaml#L17-L37[/url] [CODE=XML] <Button.Triggers> <Trigger Property="HasFocus" Value="True"> <Setter TargetName="ItemLabel" Property="Scroll" Value="Auto"/> <Setter TargetName="ItemLabel" Property="Color" Value="{ThemeResource TextColor}"/> <Setter TargetName="HoverGlow" Property="IsVisible" Value="true"/> </Trigger>[/CODE] (the HoverGlow would be set to visible if control gets focus, but image is no longer present). [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
MediaPortal 2
Skins and Design
Apollo One
Contact us
RSS
Top
Bottom