(Topic ID: 218964)

Announcing Pinside Forum Grid View

By robin

5 years ago


Topic Heartbeat

Topic Stats

  • 58 posts
  • 35 Pinsiders participating
  • Latest reply 1 year ago by mr9865
  • Topic is favorited by 4 Pinsiders

You

Linked Games

No games have been linked to this topic.

    Topic Gallery

    View topic image gallery

    grid_view_switch (resized).png
    gridbefore.png
    gridafter.png
    loading (resized).png
    pinside-mug (resized).jpg
    grid_view (resized).png
    grid_view_explained (resized).png (© RvM)
    customize_grid.gif (© RvM)
    There are 58 posts in this topic. You are on page 1 of 2.
    28
    #1 5 years ago

    Hi Pinside,

    There's a lot of stuff brewing at PinsideHQ and today one of these brews is ready to be served, steamy hot and without milk and sugar!

    Grid View combines all sub-forum and user-views into one highly customizable page!
    Today I'm adding a cool new format for the Pinside Forum front page, called "Grid View"!

    Grid View groups topics into boxes by sub-forum or by user-specific view. It aims to give you a wider view of all that's happening on Pinside, and to help you keep track of your favorited/visited/posted/etc topics.

    Grid View combines all sub-forum and user-views into one highly customizable page!

    The grid view in all its gloryThe grid view in all its glory

    Whoah!!! Change! I'm freaking out so much right now.
    Take it easy, Pinside friend. Grid view aims to complement the existing topics list view, not replace it. You can switch between the old (list view) and the new (grid view) at any time. Altough I'm sure you'll love Grid View, once you get to know it. Read on and I will explain how to switch between the formats.

    Phew, okay so what's the purpose of Grid View?
    Glad you asked. Grid view aims to do a bunch of things:
    - Give you a more diverse view of everything that takes place on Pinside
    - Keep new topics in sight for longer
    - Show your user-relevant topics ("views"), all on one screen
    - Allow each Pinsider to customize their grid/experience
    - Provide a quick way to search for topics
    - Make you coffee when you're tired.

    Sound good? Let's dive in. To better explain what's going on, I've prepared this little instructional image:

    Grid view, explainedGrid view, explained

    (Yeah, I know. I should probably work on my Photoshop skills.)

    Let's start with arrow 1: the main front page layout switcher that allows you to have either grid view or the good ol' list view.

    Arrows 2a and 2b. As you can see, this new grid design revolves around the separation of topics into different boxes. Boxes can be based on the topic sub-forum, e.g. "restoration" (arrow 2b) or by a user view that pertains to you, like "topics in which you posted" (arrow 2a). Examples of user views are: topics in your favorites, topics you posted to, topics you viewed in the past, topics linked to games in your collection (or wishlist) etc.

    Moving on to the top right, you can see arrow 5 points to the column count selector. If you're on a big desktop computer, you can easily set the column count to 3. It's pretty darn cool if you do that. On smaller screens, the 2 column count is probably the best choice. When your screen is too small, the column count selector gets hidden and the count is always set to 1.

    Arrow 6 points to an important choice, so pay attention here! The "Hide Idle" switch allows you to hide all topics that don't have any new posts in them. Very simple way to save screen estate, scroll less, save brain cells on scanning thread titles that don't have anything new for you. Etc. However, if you're looking for a topic and can't find it: check the hide idle switch!

    Arrows 3 and 4 is where it gets fun and where you can customize your grid! You can customize a few different things:
    - Re-arrange the order of the boxes (arrow 4). click this button, then drag and drop the boxes into the desired order.
    - Configure appearance and topic count for each box (arrow 3)
    - Disable sub-forums or views you are not interested in (arrow 3, the X icon)

    Rearrange the grid into the order you desireRearrange the grid into the order you desire

    Best of all... All customization is linked to your account and will sync across different browsers!

    The quick topic search at arrow 7 allows you to quickly filter all boxes for specific topics. It currently only searches through topic titles but I might add some extra "quick filters".

    Finally, the "Load more" link at arrow 8 allows you to load more topics from that box. And the "go to view / sub-forum" link at arrow 9 will bring you into the view or sub-forum for a full-screen list.

    ...

    There you have it! I hope you like this new format.

    Got suggestions? Let me know. Doesn't it all function (quite) right in your browser? Report it! I couldn't test this on all browsers on all platforms, so your help is appreciated.

    Coffee please!Coffee please!
    And now for that coffee... Grid Vieeeew, one coffee please!

    #2 5 years ago

    Awesome! Appreciate all the hard work you put into Pinside.

    #3 5 years ago

    Great feature.....but lots of bugs...

    1) Grid elements can be placed on top of others, which is certainly not intended behavior.
    2) Grid leaves lots of random blank grid space.
    3) Switching from 2 to 3 columns and/or back results in closed up white space (see #2) reappearing.
    4) Switching from 2 to 3 columns makes the 3rd column ads. I get the need for ads but this makes the 3 column option less helpful.

    Chrome (latest), Windows 7.

    #4 5 years ago
    Quoted from mrgregb123:

    Great feature.....but lots of bugs...
    1) Grid elements can be placed on top of others, which is certainly not intended behavior.
    2) Grid leaves lots of random blank grid space.
    3) Switching from 2 to 3 columns and/or back results in closed up white space (see #2) reappearing.
    4) Switching from 2 to 3 columns makes the 3rd column ads. I get the need for ads but this makes the 3 column option less helpful.
    Chrome (latest), Windows 7.

    Thanks for the feedback, I appreciate it.

    Grid View was developed and extensively tested in Chrome (on Mac). I can't imagine Chrome on Mac and Windows differing that much that you would run into all these issues? I will do some testing on Windows (VM) tomorrow, but just to get the obvious out of the way: can this not be caused by any browser add-on/extension you may have installed?

    13
    #5 5 years ago

    What I appreciate is that you offer updates like this as an option, instead of forcing it on us like most websites. Thanks for that Robin and Martjn.
    I like the grid view but as an old white guy I'm pretty stuck in my ways...

    #6 5 years ago

    I like it! Thanks, Robin.

    #7 5 years ago
    Quoted from mrgregb123:

    Great feature.....but lots of bugs...
    1) Grid elements can be placed on top of others, which is certainly not intended behavior.
    2) Grid leaves lots of random blank grid space.
    3) Switching from 2 to 3 columns and/or back results in closed up white space (see #2) reappearing.
    4) Switching from 2 to 3 columns makes the 3rd column ads. I get the need for ads but this makes the 3 column option less helpful.
    Chrome (latest), Windows 7.

    I just checked and one of the files didn't update properly. I corrected that, so sorting/customizing should work properly now.

    I will still do some more Windows > Chrome testing tomorrow.

    Quoted from Gryszzz:

    I like the grid view but as an old white guy I'm pretty stuck in my ways...

    As I said in the announce, the new grid view is not intended to ever replace the 'old' list. They both have their uses. That said, I hope you'll give Grid View a shot as it will make keeping track of new stuff much easier!

    #8 5 years ago

    Thanks to Robin and Martjn for making our favorite hangout even bettet!!

    #9 5 years ago

    It looks great Robin. It allows me to sort all the posts so I don’t have front page overload.

    #10 5 years ago

    When rearranging the grid on mobile, you can only scroll the page with the last few pixels on the right of the screen. If you scroll in the middle it obviously just picks up the topic and moves it. Maybe a tap and hold feature to move topics?

    When moving topics on mobile the screen doesn’t auto scroll if you drag off the top or bottom of the visible screen.

    Chrome on iOS 11

    #11 5 years ago

    Wow! So cool, thanks.

    One thing. My customised grid is not saving properly. If I leave the site and go back in the columns are sometimes in a different place. This is with Chrome on Windows.

    #12 5 years ago

    Love, love, love it! Looks so good. Well done.

    #13 5 years ago

    Grid view is fabo. Does it auto refresh content (Windows/Chrome)?

    #14 5 years ago

    The boxes do not auto-refresh as that would probably get annoying. However, you can use the arrows icon at the top of any box to refresh its contents manually.

    Topic view counters ('green boxes') now refresh every time you return (via back button) from a topic. That also works for the 'old' list view, by the way.

    #15 5 years ago
    Quoted from TimeBandit:

    When rearranging the grid on mobile, you can only scroll the page with the last few pixels on the right of the screen. If you scroll in the middle it obviously just picks up the topic and moves it. Maybe a tap and hold feature to move topics?
    When moving topics on mobile the screen doesn’t auto scroll if you drag off the top or bottom of the visible screen.
    Chrome on iOS 11

    Interesting. To be honest, I never did any extensive testing on grid re-arranging on my mobile. I'll see what I can do, but likely it will involve adding 'drag handles' or giving you more scroll space on the sides in arrange/customize mode.

    Quoted from solarvalue:

    Wow! So cool, thanks.
    One thing. My customised grid is not saving properly. If I leave the site and go back in the columns are sometimes in a different place. This is with Chrome on Windows.

    Keep in mind that we only store the order of the boxes, not their exact locations. The grid will automatically arrange the boxes in this order. This was the only way we could keep the whole thing flexible (also for 1-3 column layout switching).

    #16 5 years ago

    This might be silly - but, would you consider having the "hide idle" option be possible per grid item? Like, the "Topics in which you posted" is one where I'd want to see a thread if there was new activity, but other boxes I might want to no hide idle threads.

    #17 5 years ago

    On Safari iOS, I keep trying to change the setting in the Topics in Which You’ve Posted grid to sort by recent activity instead of date I last posted. Even though I keep saving my changes, it doesn’t save and returns to default. I haven’t checked whether this happens on my desktop computer yet.

    #18 5 years ago

    I am liking it, so far.

    Please make this thread a sticky and lock it up top.

    #19 5 years ago

    Using Chrome/Windows I've noticed that sometimes if I refresh the individual panels on the grid the contents are wrong and don't relate to my profile or activity. For example, I'm currently seeing panels for Favorites, Linked to my Games and Topics Which You Viewed all of which don't relate to me.

    Edit. I've just refreshed them again and now it's my content. This could relate to the Pinside tab being inactive and not selected for several hours.

    #20 5 years ago

    This continued development of the site is just...so cool, Robin. Thank you!!!

    #21 5 years ago

    I think it is an excellent feature. Thanks and well done!

    #22 5 years ago
    Quoted from Nokoro:

    On Safari iOS, I keep trying to change the setting in the Topics in Which You’ve Posted grid to sort by recent activity instead of date I last posted. Even though I keep saving my changes, it doesn’t save and returns to default. I haven’t checked whether this happens on my desktop computer yet.

    Just confirmed. It does this on Chrome on my Windows desktop too. I really like the new set up, but if my settings don't save, I probably won't use it much. Hopefully, it is an easy bug to fix.

    #23 5 years ago

    So THIS is what you've been up to!

    Nice job as always!

    #24 5 years ago

    Hidden sub-forums in list view sometimes show up in grid view. I specifically noticed some of the O/T off topic threads showing up in the recent activity area.

    #25 5 years ago

    When I see "somebody elses" grid (ie noticeable on Favorites, Recently Viewed, Linked to Games panels), I see a different selection of tech sub-forums from mine too so perhaps related.

    It just happened again and the Linked to Games seems to be the same as the previous occurrence including Fireball 2 and Fathom (I wish!).

    #26 5 years ago
    Quoted from epthegeek:

    This might be silly - but, would you consider having the "hide idle" option be possible per grid item? Like, the "Topics in which you posted" is one where I'd want to see a thread if there was new activity, but other boxes I might want to no hide idle threads.

    Good suggestion, but that would require quite some changes. I will keep it in mind. If it gets requested by others as well I'll consider adding that.

    Quoted from Nokoro:

    On Safari iOS, I keep trying to change the setting in the Topics in Which You’ve Posted grid to sort by recent activity instead of date I last posted. Even though I keep saving my changes, it doesn’t save and returns to default. I haven’t checked whether this happens on my desktop computer yet.

    Quoted from Nokoro:

    Just confirmed. It does this on Chrome on my Windows desktop too. I really like the new set up, but if my settings don't save, I probably won't use it much. Hopefully, it is an easy bug to fix.

    Fixed now, thanks for reporting!

    Quoted from RyanClaytor:

    This continued development of the site is just...so cool, Robin. Thank you!!!

    Much more coming soon! We've been developing some stuff in parallel (bad idea) and are now sitting on some cool stuff that's nearly finished.

    Quoted from YeOldPinPlayer:

    Hidden sub-forums in list view sometimes show up in grid view. I specifically noticed some of the O/T off topic threads showing up in the recent activity area.

    That's a tough one. The sub-forums hide settings do not currently sync between grid and list view. I do want to implement this but it is quite tricky. Sorry!

    Quoted from astyy:

    When I see "somebody elses" grid (ie noticeable on Favorites, Recently Viewed, Linked to Games panels), I see a different selection of tech sub-forums from mine too so perhaps related.
    It just happened again and the Linked to Games seems to be the same as the previous occurrence including Fireball 2 and Fathom (I wish!).

    Thanks. I *think* I fixed this issue now. It's a bit difficult because it seems to only happen rarely.

    #27 5 years ago

    Love the feature.

    I apologize in advance if it already exists and I missed it, but I would advocate for a feature to have a box for all the on fire or hot topics. That way I could just jump on and see what the flavor of the minute is and get my daily dose of drama from all over Pinside at a glance.

    #28 5 years ago

    Nice feature!

    It would be great if you could scroll through topics in each grid section"window" instead of having to hit Load More.

    #29 5 years ago

    If I try clicking "Load more" in one of the windows that already is displaying all of the Topics available in the window, the refresh animation runs and runs.

    So in the case listed below, I have only started 8 topics, all of which are displayed. If I hit "Load more," it appears to try to refresh indefinitely.

    loading (resized).pngloading (resized).png

    #30 5 years ago

    Latest version (67.0.3396.87) of Chrome.

    #31 5 years ago
    Quoted from SirScott:

    If I try clicking "Load more" in one of the windows that already is displaying all of the Topics available in the window, the refresh animation runs and runs.
    So in the case listed below, I have only started 8 topics, all of which are displayed. If I hit "Load more," it appears to try to refresh indefinitely.

    What browser?

    Are there any browser extensions that might be interfering?

    #32 5 years ago
    Quoted from ForceFlow:

    Are there any browser extensions that might be interfering?

    I don't think so?

    #33 5 years ago
    Quoted from SirScott:

    If I try clicking "Load more" in one of the windows that already is displaying all of the Topics available in the window, the refresh animation runs and runs.

    Same here on Chrome. Actually, if you keep loading a panel then the same happens once all of the contents are displayed and you attempt to "Load more"

    #34 5 years ago

    A lot of my grids read like below or similar
    "You have disabled X out of 1 sub-forums" where X is the correct number but I don't understand the 1

    e.g.
    All Pinball - "You have disabled 7 out of 1 sub-forums in this forum. Hit to configure."
    Electro Mechanical - "You have disabled 2 out of 3 sub-forums in this forum." But there are 5 sub-forums?

    To be clear, I think this new grid is great just feeding back minor stuff I notice.

    #35 5 years ago

    Is it possible to hide the topics you already have read (shown as gray 0) ? Would make it easier to skim the list for other interesting topics to read....

    #36 5 years ago

    Kudos Pinside masters. Robin, I love your creative thinking and might just throw another donation your way cuz I think the work to make Pinside better is worth a few bucks.

    #37 5 years ago
    Quoted from DDDwingmaster:

    Is it possible to hide the topics you already have read (shown as gray 0) ? Would make it easier to skim the list for other interesting topics to read....

    Quoted from robin:

    Arrow 6 points to an important choice, so pay attention here! The "Hide Idle" switch allows you to hide all topics that don't have any new posts in them.

    #38 5 years ago

    I like the new grid view and I now use it instead of the list view. Nice work! One item for the wish list: I would like to customize the view so the Super Stickies pane is gone entirely, or at least have that pane comply with my Hide Idle setting.

    #39 5 years ago

    This is the best new feature I have seen implemented on Pinside in the time I have been here. It encourages me to look at, and stumble upon, topics that I would not find otherwise much easier. Well done.

    #40 5 years ago

    Best feature ever, like it very much. Thanks!!!!!

    #41 5 years ago

    Now that my settings properly save, I’m using this all the time. Thank you, Robin.

    #42 5 years ago

    Well, here is something I inquired about a couple times in the past, but never received an answer to. I had bookmarked a Pinside URL that isolated a view of those threads which I had posted in, hierarchically arranged with most recent post / reply activity. It was an extremely useful feature ! This bookmark worked perfectly for quite some time, and then for whatever reason ceased working. Did the forum software change at some point, making this no longer possible ? Or is there an updated URL version of that View I need to switch to as a browser bookmark ? Can someone please enlighten me on that score.

    #43 5 years ago
    Quoted from Heretic_9:

    Well, here is something I inquired about a couple times in the past, but never received an answer to. I had bookmarked a Pinside URL that isolated a view of those threads which I had posted in, hierarchically arranged with most recent post / reply activity. It was an extremely useful feature ! This bookmark worked perfectly for quite some time, and then for whatever reason ceased working. Did the forum software change at some point, making this no longer possible ? Or is there an updated URL version of that View I need to switch to as a browser bookmark ? Can someone please enlighten me on that score.

    Is this the page you're describing?

    https://pinside.com/pinball/forum/topics/user-participated

    You can access it by clicking th "topics" tab near the top of the page.

    #44 5 years ago
    Quoted from ForceFlow:

    Is this the page you're describing?
    https://pinside.com/pinball/forum/topics/user-participated
    You can access it by clicking th "topics" tab near the top of the page.

    Yes, that's it. And it was still among my bookmarks, just like that. Thanks.

    I guess people will have to take my word for it, but that link did NOT work here, for many months. (It just went to the Forum front page.) I move between several computers, so I'll have to check to see if this result is uniform. This morning, for the first time in a long time, it did work again. I don't know why. That view provides a huge convenience in the regular use of Pinside.

    [I have now found your earlier answer, from 10 months ago. It was apparently a minor change in the URL at fault, but still enough to throw things off with the original bookmark. There may have been some redirection applied, since then.]

    #45 5 years ago

    So, it used to be that if I selected Grid View, when I would log out and come back in again, Grid View would be my default. Now it always defaults to List View. Not sure if that is intentional.

    #46 5 years ago
    Quoted from Nokoro:

    So, it used to be that if I selected Grid View, when I would log out and come back in again, Grid View would be my default. Now it always defaults to List View. Not sure if that is intentional.

    I just tried that on my desktop pc on chrome. I didn't have that problem and stayed in grid view. Perhaps some more info about platform and browser would help Robin track this down.

    #47 5 years ago
    Quoted from RyanClaytor:

    I just tried that on my desktop pc on chrome. I didn't have that problem and stayed in grid view. Perhaps some more info about platform and browser would help Robin track this down.

    It happens in Chrome on my PC and in Safari on my iPad.

    2 weeks later
    #48 5 years ago
    Quoted from Nokoro:

    It happens in Chrome on my PC and in Safari on my iPad.

    The last viewed "format" (list or grid) should be stored in your user settings and carried over to other browsers as well (like all settings). If this is still happening, please shoot me a PM and I'll try to work with you on figuring out what is going wrong.

    #49 5 years ago
    Quoted from robin:

    The last viewed "format" (list or grid) should be stored in your user settings and carried over to other browsers as well (like all settings). If this is still happening, please shoot me a PM and I'll try to work with you on figuring out what is going wrong.

    Sorry. I should have updated my post. It happened for about a week, and then it corrected itself so all seems well for the moment. I thought you had maybe fixed something, but if not, I’m not sure what the cause was. But it was only temporary.

    #50 5 years ago

    I've really grown to like the grid view.

    Only annoyance for me is when I view a topic with new posts and then navigate "Back" in the browser, the badge with number of new posts does not update to show it was viewed. It would be great if it worked the way the "Favorite topics" page behaves.

    Steps to reproduce:
    1) Find a topic in grid that has new posts (green badge) and click it
    2) Click back in browser to get back to the grid
    3) Notice the clicked topic still shows the same number of new posts since before you clicked and has green badge

    There are 58 posts in this topic. You are on page 1 of 2.

    Reply

    Wanna join the discussion? Please sign in to reply to this topic.

    Hey there! Welcome to Pinside!

    Donate to Pinside

    Great to see you're enjoying Pinside! Did you know Pinside is able to run without any 3rd-party banners or ads, thanks to the support from our visitors? Please consider a donation to Pinside and get anext to your username to show for it! Or better yet, subscribe to Pinside+!


    This page was printed from https://pinside.com/pinball/forum/topic/announcing-pinside-forum-grid-view/page/1 and we tried optimising it for printing. Some page elements may have been deliberately hidden.

    Scan the QR code on the left to jump to the URL this document was printed from.