Grid View Banner

[Goose]

Version 0.6 Update

You can download the latest version of the theme here 
  Grid_View_Banner_0_6.pthm (Size: 122.52 KB / Downloads: 2,569)

Note: Current development builds of the theme may have performance issues or bugs. 

If using the Game Activity extension, disable custom theme integration in the settings. It has been known to cause slowdown issues with this theme.

Theme game cover animation in 0.6 may be slower in some cases depending on the amount of game covers loaded in. Forum post will be updated with details on how to remove animations if required.

Please notify me of any issues you have and I will fix ASAP. If you need a quick response I'll be under the name Goose on the Playnite discord.


About this theme :

Add a banner to the grid view with easy access between library & game details. 

(Theme is currently designed around 1440p, settings can be adjusted for use with different resolutions)


Screenshots :






Installation

Drag the pthm file onto playnite while open to install.


Adjusting Theme Look & Layout via Theme Modifier - Recommended.

You can adjust everything from banner height, panel height, opacity of items, drop shadow strength & item colouring using the ThemeModifier plugin from the Playnite forums to configure the theme how you like.

Struggling to adjust something or want something added? Message me on here or for a quicker response message me on discord.




Adding Video & Logo Support

Download Extra Metadata tools from the Playnite forums to configure videos and logos. Ensure your absolute metadatatapath is correct, it can be located in the thememodifer settings. See the official extension forum post for more details.


Finding good banners for the theme

Download the steamgrid extension from the Playnite forums for easier downloading of banners, they replace backgrounds currently.


To do:

- Continue adjusting colouring for base theme

- More theme variations via theme modfier (Light, Dark, Orange/Blue)

- Creation of theme for use on 1080p or lower with DPI scaling.

- Finalise overview layout

- Fix alignment and clipping issues introduced by 0.5 update, this will be fixed with the finalised layout

- Improved performance for custom theme integration


Changelog:

Version 0.6

Removed outdated extension code to improve theme performance

Improved scaling to 1080p screens (not finalised)

Adjusted theme colouring for higher contrast

Animation changes to game cover selection

Glass effect added to game covers (can be turned off)

Added more theme setting constants that can be changed via ThemeModifier

Version 0.5 

Reworked theme layout for easier switching between grid & game overviews

Reworked underlying code for better Integration with theme modifier for user customisation flexibility

Integration with extra metadata tools for video & logo support

Better success story integration

Adjusted grid view details page so it can be scrolled

Added variants for rounded or sharp edges across the theme

Added animation on game cover selection in grid view

Destroyed version 0.4

Colouring adjustments

Version 0.3

Added expandable detail view under horizontal grid view banner

Adjusted banner design

Updated detail view with new design 

Colouring adjustments

Version 0.2

Adjusted theme colouring for more consistency.

Grid view height can now be adjusted using grid view details width under layout in the settings. 

Achievement text should no longer show if achievement plugin is not active.

Top bar made smaller.

Version 0.1

Version 0.1 uploaded for testing. 

Older Versions:

0.5


  Grid_View_Banner_0_5.pthm (Size: 342.76 KB / Downloads: 720)

0.3
Logo version


  Grid_View_Banner_Dark_0_3.pthm (Size: 280.07 KB / Downloads: 2,091)

0.2

Logo version


  Grid_View_Banner_Dark_0_2.pthm (Size: 265.97 KB / Downloads: 833)

Text title version


  Grid_View_Banner_Dark_NL_0_2.pthm (Size: 265.93 KB / Downloads: 574)

0.1


  Grid_View_Banner_Dark_0_1.pthm (Size: 265.63 KB / Downloads: 372)


  Grid_View_Banner_Dark_NL_0_1.pthm (Size: 265.66 KB / Downloads: 424)

[spineduke]

One of the more promising themes around. Thank you!

[DonkeyOatay]

Looking good so far, although the text in the description is really fuzzy on my machine (on both monitors 1920 x 1200 and 2560x1440) for some reason. Please can you post your settings though so I (and others I imagine) can check what we should be using? - it will be good when Playnite allows themes to set these things themselves in the next version (I think that is when Crow has it planned for).

[Goose]

Looking good so far, although the text in the description is really fuzzy on my machine (on both monitors 1920 x 1200 and 2560x1440) for some reason. Please can you post your settings though so I (and others I imagine) can check what we should be using? - it will be good when Playnite allows themes to set these things themselves in the next version (I think that is when Crow has it planned for).

Currently using auto and ideal for the rendering & formatting. Font sizes are the 12, 14, 15, 20, 29 default. I will look into the description text on the theme side to see if there is anything I can do to improve the image quality.

One of the more promising themes around. Thank you!

Thankyou

[Spuzaw]

Thank you so much for making this! It looks amazing! It's definitely a must to use with the Steamgrid Extension.

Here's a video for anyone that wants to see how it looks in action.

[GetFR3AKY]

I like this theme so far! Looking forward for the text title version

[JAXi]

I know this might sound weird, but how did you accomplish this? I'd love to re-create this kinda grid view on my own theme (not going to publish it as it's a copy from other themes that I've combined together and still in progress, making it for myself as it fits my overall theme).

EDIT: Forget that, gave up on it and will be doing the theme a bit differently. One thing. Is there a way to change this theme so the icon wouldn't be there on game view? I'd love to have options.

EDIT 2: Figured all out on my own. Beautiful theme. Making it even better (for my own use). Thanks for making this (wouldn't have thought about this myself).

[JourneyOver]

Not sure what the issue is here but all the achievement data and game activity data seems to just end up blank for every game.. https://i.imgur.com/4dES6mg.png

Even mousing over the sections doesn't bring up any data at all, like it's completely missing. Sadly nothing in the logs either :/ it seems to only be happening with this theme.

[steve-o]

I know this might sound weird, but how did you accomplish this? I'd love to re-create this kinda grid view on my own theme (not going to publish it as it's a copy from other themes that I've combined together and still in progress, making it for myself as it fits my overall theme).

Jaxi may have found his way, but I'd still be interested to see how this horizontal effect was achieved.  Ideally, I'm looking to have the details view (including background image) above and the grid view below, in my own theme.

[Goose]

Not sure what the issue is here but all the achievement data and game activity data seems to just end up blank for every game.. https://i.imgur.com/4dES6mg.png

Even mousing over the sections doesn't bring up any data at all, like it's completely missing. Sadly nothing in the logs either :/ it seems to only be happening with this theme.

Currently updating the theme to the later version of those plugins, will be fixed for 0.4 including some other improvements.

I know this might sound weird, but how did you accomplish this? I'd love to re-create this kinda grid view on my own theme (not going to publish it as it's a copy from other themes that I've combined together and still in progress, making it for myself as it fits my overall theme).

Jaxi may have found his way, but I'd still be interested to see how this horizontal effect was achieved.  Ideally, I'm looking to have the details view (including background image) above and the grid view below, in my own theme.

Open the theme up in blend and look in GridGameOverview.Xaml & LibraryGridView.Xaml.  The layout, bindings & sort order to achieve the effect are in those 2 files. 

Once you have everything positioned correctly, make sure the main relevant containers are set to auto & stretch so they correctly adjust when the user changes the banner height if you go that far with it.

Thank you so much for making this! It looks amazing! It's definitely a must to use with the Steamgrid Extension.

Here's a video for anyone that wants to see how it looks in action.

Thankyou & yes steamgrid is the best metadata source to use for this theme.

I like this theme so far! Looking forward for the text title version

Will be done soon alongside a 0.4 release

[whoozwah]

how do you restore the banner if you click off it with the X button?

edit: nvm. figured it out. the banner in this theme is details pane. If you click the info button when hovering over a game to open that up it restores the banner.

[Cner]

Having some issues with image crop. Not sure what the go is but all the cover images (using steam metadata) all seem to crop about half way and just run off the banner view. I have fiddled with the size adjustment in layout settings which changes the size of the banner but not the image within so the crop just gets bigger or smaller.

https://imgur.com/a/w4sxGbY

[Goose]

Having some issues with image crop. Not sure what the go is but all the cover images (using steam metadata) all seem to crop about half way and just run off the banner view. I have fiddled with the size adjustment in layout settings which changes the size of the banner but not the image within so the crop just gets bigger or smaller.

https://imgur.com/a/w4sxGbY

I've got a new version of this theme coming soon.

Will look into this for you. It appears to be an issue caused by the theme using UniformToFill instead of Fill. There's some code to swap the setting I will highlight in the upcoming release to make it easy for you to change it.

If you or anyone here need a quicker or more detailed response with code changes, I'm available on the playnite discord for private messaging under the name Goose.

[ragestaker21]

REALLY PROMISING

[RabidLime]

i love this! any chance you have a settings file for download? i'm having trouble making look exactly like yours. thanks!

edit: also, any way to center the banner image vertically?

[keysr]

Looks great. Having some performance issues, yeah. Eager to see them fixed! Thank you very much and great work!

[Goose]

i love this! any chance you have a settings file for download? i'm having trouble making look exactly like yours. thanks!

edit: also, any way to center the banner image vertically?

Sorry for the late response. I've updated the theme with a new layout and will be pushing more frequent updates out until the final design. If you need a hand adjusting the theme in the latest version let me know. I'll look into the banner centering for you too.

[plumbob_omb]

This is by far my favourite Playnite theme! I loved the 0.5 version of this theme, but I think the 0.6 version is even better!

I have one problem though, I can't get my Playnite to look like the second picture. I was able to figure out how to do most of the things I wanted with the ThemeModifier and Extra Metadata Tools extensions, but there is one part of the theme that doesn't look right and I don't know what to do to fix it. Basically, it's the part of the theme with the Time Played/Last Played/Completion Status/Source data. In your picture, this section appears beside the game title and above the description, whereas on my screen it appears above the Series/Genre/Age Rating/Platform data. Perhaps it is due to my screen being 1920x1080, but I think it looks nicer in your screenshot and would like to have a way to make it look like that too, even if it meant making these elements smaller.

Another issue is that elements remain even if you don't have the game fields information selected in the settings for Details View. I didn't have the Source and Completion Status selected (they aren't by default) and thought there was an error with the theme because those sections appeared with only the book and checkmark icons and no other text. It would be cool if sections like that didn't display at all unless they were selected to be displayed in the settings. I had a similar problem with games that lack information like features (such as games from itch.io), so even though I do have that option selected these games would show up with a blank section where the feature data would be.

Other than that, gorgeous theme and I'm loving it even more now with the new update!

Edit: Also a feature I'd like to see added one day is a section for HowLongToBeat data. I know I can access it from the menu of each game myself but it would be cool to be able to see that information at a glance. There are a few themes that have the feature built in but I prefer this theme to all of them, so I'd be grateful if you considered adding it one day (but it's fine if you don't too).

[Goose]

This is by far my favourite Playnite theme! I loved the 0.5 version of this theme, but I think the 0.6 version is even better!

I have one problem though, I can't get my Playnite to look like the second picture. I was able to figure out how to do most of the things I wanted with the ThemeModifier and Extra Metadata Tools extensions, but there is one part of the theme that doesn't look right and I don't know what to do to fix it. Basically, it's the part of the theme with the Time Played/Last Played/Completion Status/Source data. In your picture, this section appears beside the game title and above the description, whereas on my screen it appears above the Series/Genre/Age Rating/Platform data. Perhaps it is due to my screen being 1920x1080, but I think it looks nicer in your screenshot and would like to have a way to make it look like that too, even if it meant making these elements smaller.

Another issue is that elements remain even if you don't have the game fields information selected in the settings for Details View. I didn't have the Source and Completion Status selected (they aren't by default) and thought there was an error with the theme because those sections appeared with only the book and checkmark icons and no other text. It would be cool if sections like that didn't display at all unless they were selected to be displayed in the settings. I had a similar problem with games that lack information like features (such as games from itch.io), so even though I do have that option selected these games would show up with a blank section where the feature data would be.

Other than that, gorgeous theme and I'm loving it even more now with the new update!

Edit: Also a feature I'd like to see added one day is a section for HowLongToBeat data. I know I can access it from the menu of each game myself but it would be cool to be able to see that information at a glance. There are a few themes that have the feature built in but I prefer this theme to all of them, so I'd be grateful if you considered adding it one day (but it's fine if you don't too).

The Timeplay/Completion Status section was moved in 0.6 as a quick fix for 1080p resolutions so everything scaled. I'll be moving the theme over to wrap panels & uniform grids entirely in the future so it will respond to spacing better with a better layout. I will also be adding automatically hiding panels when gamedata isn't available where possible too.

Yes I will add howlongtobeat into the improved layout once done

[adrian5683]

Amazing work, very interested in how version 1.0 will look.