Welcome to Invision Community 5!
Over the coming weeks, we'll be exploring a bunch of new features and improvements coming to our user interface including our brand new theme editor, a new mobile UI, dark mode and performance improvements thanks to a reduction in both JavaScript and CSS. To kick off this series, let’s take a closer look at the new sidebar layout and new view modes for the forum index and topic pages.
Sidebar Layout
Traditionally, Invision Community has shipped with a horizontal header and navigation bar at the top of the page, which is still available in version 5. We're introducing a brand new (and optional) sidebar layout, which can be enabled or disabled easily from within your theme settings. The sidebar not only provides convenient access to your applications, activity streams and search bar, but you can now add links to nodes for even easier access to popular or commonly used areas of your community. For example - a category from your forum, an album from the Gallery, or a product group from Commerce.
Forum Index: Feed view
One of our goals for version 5 was to re-imagine new ways for your visitors to consume content, and the sidebar layout is just one of our solutions. Table view has been the typical way of displaying forums, providing visitors with a simple summary of the most recently active topic. Grid mode introduced cover photos to forums and is a great way to make your page more visually engaging, while fluid view allows visitors to filter through a list of topics to easily focus on multiple areas of the community.
Joining these view modes in version 5 is our new Feed view. Optional cover photos and featured forum colours allow you to personalise each forum, and a list of recently active topics with snippets of the most recent reply allow you to easily see what each forum is focusing on at a glance. The topic list drops below the cover photo and converts to a scrollable list on small devices. It's our fresh take on content display, and we can’t wait to hear your feedback!
Topic pages: Compact view
In addition, Invision Community 5 also introduces a new, compact layout option for topics. We wanted to create a layout which placed focus on your content while still keeping all of the authors profile information easily accessible within a mini profile. Stats, rank, badges, reputation points and more can be found by tapping the icon at the top of every post. The mini profile strip has also been added to other areas of the software too, such as comments and reviews in applications like Gallery and Blogs, and will appear on the mobile layout when the traditional "table view" is used in topics.
Switching between the new compact view and the author sidebar view takes just seconds giving you complete control over your community.
As part of this view, you also have the choice to feature/pin the original post to the top of every page, making it a breeze for your visitors to easily understand the context of replies without navigating back to page 1. Pinned posts have a slightly larger font-size to distinguish them from replies, and we've thoughtfully truncated them on pages beyond the first to keep scrolling to a minimum.
The new sidebar layout and view modes offer a fresh and innovative approach to navigating and interacting with your community. We’re really keen to hear your thoughts on these new views and whether you’ll be unleashing them on your own sites! We appreciate that no two sites are the same, and those who are a fan of the classic header look will benefit from quick styling tools and a visual way to re-arrange the header elements which we’ll cover in a later blog.
We’re looking forward to showcasing a whole bunch of new features over the coming weeks - so stay tuned, and we’ll see you then!
What's New in Version 5.0.0 Beta 11
See changelogReleased
#3233: Minor UI polishes
#3232: Fix invalid URL in Admin Notification
#3231: Fix login during checkout
#3225: 3152 - Editors inside menus
#3224: Fix upgrade issue with validating rows for deleted members
#3223: Fix error when using reviews without Hideable
#3181: Moved interface resources to interface/static to allow for better CDN cache rules
#3216: Fixed some UI issues with Commerce, Downloads and the ACP
#3210: Fix issue with featured content for classes that don't exist
#3211: Fix exception on redirect when the message is null
#3214: Fix issues with topic synch in Pages
#3215: Fix issue with incorrect content type selected on user profile
#3218: Fixed the alignment of the Manage Followed Content pages
#3220: Fixed widths of carousel images
#3189: Use Monaco editor for code boxes
#3193: Fixed missing border on rich text tables
- Issue #3099: Table right border clipped on iPhone
- Issue #3114: [9.1] [Tables] Inserting a new line
#3197: Fixed some missing styles on the Calendar Day page
#3190: Post and Page Editor Issues
- Issue #2992: Tiptap: Editor content is deleted on error
- Issue #3092: [Beta 9.1] Image Resize issue in Editor while in RTL Mode
- Issue #3147: Editing Raw HTML widget occasionally shows dropdown menu instead of modal
- Issue #3132: Beta 9.1 - Mentions are parsed as links when editing content
#3195: Updated "ipsForm_fullWidth" to "ipsForm--fullWidth"
#3198: Badges with long strings of text will no longer break out of their grid
#3200: Improved alignment of "This content is now closed" message
#3085: Cleanup of Menu link class
#3158: Use valid badge class on ACP Pages list-
1
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.