Search the Community
Showing results for tags 'invision community'.
-
Got an alert that Invision Community beta 5 was released. Upgrade to it on the beta site. Conversions now work. Going to convert a small site to see how it goes. I was waiting for this. Once the converters were turned on in the beta 0v version 3.x it wasn't long after that it went gold. Head over to https://testing123.info to play with it.
-
I upgraded the site to the newest version of IPB version 4.7.19. Upgrade went very smooth. First upgrade I have done in a while. Took about 5 minutes once I entered my details in the upgrader. Way faster than xenforo. The upgrader in xenforo also left a lot to be desired as far as speed. Even the command line version was slow. In any case that's in the rear view and not to be dwelled upon.
-
Now that Invision Community has been installed here for a few weeks what are your thoughts? I like it because I get a choice of viewing the topics first or the linear old forum list style. I like the permission system. I always did. The inheritance of xenforo never made sense to be. I like the admin cp the best. There are other things too. IPB used to be the software I used. I converted my sites to IPB during the vBulletin drama after it was sold. I liked everything about IPB. Rapid development, devs and staff communicating about new products and versions. I would have never left if it hadn't been because of a misunderstanding I had one of the staff members. I was told they couldn't help with a small problem I had because I run my sites on Windows Servers with IIS. I converted my sites to xenforo. Strange that now I am coming full circle. back to where I started after the vbulletin disaster.
-
- invision community
- vbulletin
-
(and 2 more)
Tagged with:
-
Invision Community 5.0.0 has reached a huge milestone; we're now in open beta testing. After numerous alpha releases, we're ready to move forward with the last stage of development and testing. The beta stage is primarily just fixing bugs and tweaking existing features and we're confident that the beta testing stage will run smoothly as its already stable and being used on a handful of production sites by brave souls who have upgraded immediately. Of course, we'd not recommend being so cavalier, especially if you are not very technical and do not have the time or patience to wait for fixes and risk broken functionality between beta releases! The good news is that you can use Invision Community 5 beta on a test installation, so you can set it up, and learn its new UI and feature set before planning your upgrade. The beta is available for both Invision Community Cloud customers, and Invision Community Classic customers. Invision Community Classic (Self Hosting) If you have an older license type (Invision Community Suite) and want to test Invision Community 5, then you are welcome to switch to the new v5 license in the client area. The renewal structure has changed, and all this is explained before you switch. If you have the classic license, you will then see the Invision Community 5 Beta download in your client area. Invision Community Cloud Our Cloud customers can request a time-limited v5 demo. Instructions on how to do this are in the Invision Community 5 Beta Testing Club. We're thrilled to move closer to a final release a year after Ehren revealed the "fresh new vision" for Invision Community 5. We'd love for you to join us in the Beta Testing Club and let us know what you think of Invision Community 5.
-
As you can see things have changed in the last few hours. I installed Invision Community on a test site. I wanted to run the importers again, I did it on the test site with a million post forums, to see if the process could be sped up. I decided to use the Forum² data as the test. Everything went smooth. I then wanted to try my hand with the styles. It turned out to be easier than xenForo using the visual editor. Once I had everything set up I checked in here to see we had no new posts since I did the import. I decided to go ahead and make the switch. I had pretty much decided to do the conversion to Invision Community when I got to play with the test site. I didn't expect to do it this fast. In any case some things are different. Your login will work. You have to use your email address or username and your current password to login. In the future the option to use a username to login may be removed. Logging in with email is more secure. If you find any bugs let me know by posting in https://www.forum-forum.com/forum/29-suggestions-bugs-feedback/ This move makes us unique. We are the only admin forum that isn't using xenForo.
- 2 replies
-
- 1
-
-
- invision community
- xenforo
-
(and 1 more)
Tagged with:
-
With Invision Community we get new toys. I'm going to highlight a few. New forum format - You can change to the old linear format that lists all the forums. CMS New Link Directory Blog There is also a way you can change the colors of the site. Browse around, breal things and let me know what you think.
-
I upgraded one of my legacy licenses so I could access the beta. After browsing a few sites that have the beta installed I am going to install it with the idea that I will move to it once v5 is gold. If the beta proves as stable as v3 and v4 were when they were beta I might go ahead and move to it right away. I upgraded Admin Addict to v3 and v4 beta before I converted to xenforo when I acquired Admin Talk. Might step out of the box again. I am not easily impressed by much. I am very impressed with what I see so far. One of the major things I like is you get all products instead of having to buy each module. This also includes the payment processing app. If I wanted to sell products I don't need an addon. You get blog, gallery, pages, events and others. Pages is awesome. I used it to build a site that I sold in the early days of 3.0 when it was first released. I can't wait to see what the new version is like. So look for a site built on with Invision Community v5 soon. I will probably start a new site with. Have to do some brainstorming for a topic.
-
invision community Invision Community News and Info
AWS posted a topic in Forum Software Discussions
All the latest news and info from the Invision Community RSS feeds will be posted in this thread. -
invision community Invision Community 5: Page Builder
Guest posted a topic in Forum Software Discussions
Introducing new Page Builder tools in Invision Community 5 Widgets are an incredibly powerful tool for displaying curated content of your choice on any page of your community - and despite the extensive array of settings for customizing their data, they've often been limited in terms of their design options. But this changes thanks to the new Page Builder tools in Invision Community 5! Widget Designs Previously in version 4, widgets would often have 2 designs: one for the main content area and a more minimal version for the sidebar. This worked well, but it meant your page was very limited in terms of design as you'd typically need to use the same table-like layout for most widgets. Anything beyond that would typically require a custom block to be coded, often with additional HTML or CSS. Version 5 offers much more customization by allowing you to change the design of each widget with the click of your mouse - no coding necessary! When dragging a widget onto your page, a new toolbar at the bottom of the page appears, holding all of the widget design options. Lets take a look at some below! Grid A familiar a very layout used elsewhere in the suite, the Grid design neatly aligns entries in a grid with a large cover photo sitting up top. A great combination of visual imagery alongside meta data such as entry descriptions. Featured A spacious list and a great way to feature content, pardon the pun. Wallpaper Perfect for content which includes uploaded cover photos or thumbnails! The Wallpaper design stretches each image to make it occupy the entire background, overlaid by a minimal amount of content. A subtle gradient sits behind the text to ensure it's easy to read, even on detailed images. Rows (table) The Rows design is a very familiar one, used very often throughout other areas of the suite. Content is displayed in a neat table, that collapses into a more compact design on small screens. Minimal Great for displaying a lot of content in a compact area! Minimal only shows primary information and hides meta data such as entry descriptions and stats. Great for sidebars, or areas with limited width. Minimal Grid The Minimal Grid design removes large meta information and displays content in a nice, compact grid. A nice option for displaying a lot of content while being cautious of vertical space. Carousel The Carousel option is quite unique because it can be applied in tandem with other widget designs, and is a perfect way to make the existing layouts even more compact. For example, by default, the Wallpaper design is aligned as a grid, but with the Carousel option enabled, the layout is converted into a carousel instead: Carousel-widget.mp4 Here's another example, using the Featured and Carousel options: Blog - featured carousel.mp4 Fun fact for developers: All of these designs use the exact same HTML structure; the only thing that differs is the class name on the parent element. This makes it incredibly easy to adjust the design of your own widgets without needing to manually code multiple layouts. Widget Areas Version 4 was often quite limiting when it came to aligning widgets in pages. Widgets could be dragged into a stacked, vertical list but that was typically as far as you could go in terms of design. Version 5 introduces a new concept called Widget Areas, which allow you to align multiple widgets in a variety of ways. Lets take a look! To create an area, you simply need to drag one widget on top of another. Blog - areas.mp4 By default, they'll align themselves into a grid, but can be realigned with ease by using the toolbar at the bottom of the page. The toolbar also holds controls for adjusting the width of widgets, and the gap between them: Blog - alignments.mp4 Widget Designs and Widget Areas in Version 5 make it incredibly easy to create a completely custom page in a matter of seconds. We're really excited for you to get your hands on these new tools in Invision Community 5, and are looking forward to seeing all of these new page designs in the wild, in the very near future! Continue reading... -
invision community Invision Community 5: Editor Permissions and Custom Embeds
Guest posted a topic in Forum Software Discussions
We recently announced the new Invision Community 5 editor which adds many new exciting features such as semantically correct header tags, custom boxes and more. As the new editor is a leap forward in technology, some legacy features had to be left behind. We received a lot of messages about these changes, and have created new tools based on that feedback to ensure you still have the tools you need. The new features are based around restricting some high level editor functionality for specific member groups and enabling an easy way to add custom embeds. Permission Levels Invision Community 5 puts a lot of new tools in the editor, including header tags, boxes and positioning tools. These are useful features, but perhaps you do not want your members changing the semantic structure of the page by adding H1 tags. Or maybe you don't want them being able to add custom boxes with colors. Based on this feedback, we have introduced a permission levels system. At the heart of the system lies three editor permission levels: Minimal, Standard and Advanced. Specific editor features are assigned to one or more levels. For example, you may only want header tags and content boxes to be for the 'advanced' permission level which only administrators can use. These permission levels are configurable via the Admin Control Panel. When is Each Restriction Level Used? Now that we have set up the permission levels, we need to apply them to member groups. We do this by simplying heading over to the Member Groups section of the Admin Control Panel. In the "Content" section of that form, there are two new options: Default Editor Restriction Level: This is the restriction level the group uses by default, for example in Forum Topics and Blog Posts. Editor Restriction Level for Comments: This is the level used for Comments (including Topic Replies) throughout the Community. When a member has multiple groups, they will use the most permissible editor setting out of all groups. Custom Embeds In response to news that the ability to toggle into 'source mode' and directly edit the underlying structure of the editor document was not implemented because editor technology has moved on, many people told us they used that feature to add custom iframes from specific services they use. We understood the need for custom embeds, and we've added the option to create iframe elements with any whitelisted URL from a link. CleanShot 2024-06-20 at 15.49.43.mp4 Additionally, iframes created this way have configurable height and width so you can resize to your liking This feature has two editor permissions: "Can Embed External Content," and "Can Convert Links to iframes". Adding iframes into a post can potentially be a security issue, so strong controls are needed to ensure there isn't abuse of this system. The editor will only allow links to be converted to iframes if the domain has been whitelisted. The whitelist exists in the new tab, Admin Control Panel > System > Posting & Editor > Embeds. The feature can also be entirely disabled from here. That wraps up this round of changes based on your comments. We hope that you enjoy this update to our Invision Community 5 editor and we always appreciate your feedback. Continue reading... -
invision community Invision Community 5: Tagging Reinvented
Guest posted a topic in Forum Software Discussions
Invision Community v5 takes a fresh approach to tagging and content discovery. It overhauls the concept to bring content across different sections together with a beautiful new tag page. Tagging is a powerful concept but underused with Invision Community 4 due to overly complex interfaces in different areas of the suite, a confusing open tagging model option and no real benefit in content discovery beyond a simple list of content items. A driving force behind Invision Community 5 is the question of how we can help time-pressured community members find the content that most interests them. Invision Community has robust taxonomy through forum and category structures, but what about content in less visible areas such as Blogs, galleries or Events? How can we bring those together to homogenise the type of content and focus on the content itself? Taxonomy via tagging across all applications in the community suite is the answer. However, we needed to re-approach how tagging was implemented in the Invision Community to bring our new vision to life. Out with the old The current tagging system is implemented loosely, allowing open tagging, which is more akin to hashtags than high-level taxonomy. Allowing forums, albums, and blog categories to define their own tags turns tagging into more of a status label, which does nothing to help bring disparate content together. In with the new With a new focus on taxonomy and content discovery, we set about rebuilding tagging for Invision Community 5. The UI to tag items is the same, but now each defined, globally available tag has its own page with cover image and ability to feature items within that tag page. A uniform approach to different content items in the UI breaks down the barrier between content types and focuses solely on the content. Tags featured on its page are automatically displayed on the community Featured Content page. Finally, tags can now be followed, allowing your community to get a daily or weekly digest of all new tagged items, bringing people back to read more of the content they love. Let’s take a closer look In Invision Community 5, all tags are defined in the Admin Control Panel. The ability to use open tagging and per-node tags has been removed, but don’t worry—the upgrade system will offer conversion for those tags. Once defined, the tags are available for all content types and feature on a dedicated new tag page. This page features cover photos and more information on the tag via a description. Content from across your suite will be displayed on this page. If a single piece of content has multiple tags, it will appear on every relevant tag page making it easy to have content in multiple areas. If you want to permanently or temporarily feature individual content, perhaps your latest news or product release, you can do so right from the tag page. Featured content will show on the community’s Featured Content Page. Blurring the lines Now that we have an attractive and focused page for each tag, we can start to blur the lines between applications and, indeed, forums and categories, offering a new way to organise content. For some communities, the need for multiple forums to categorise content is diminished, and instead, tagging can be used to separate and find content from across the community. Tags can be featured in the menu system, offering new ways into your community for new visitors, regular community members, and even those who visit daily. Invision Community 5 is fearless in challenging past decisions or streamlining features to make them stronger and more focused. Our new approach to tagging takes a vague and underutilised concept and pushes it front and centre in any content strategy. How will you use it in your community? Continue reading... -
invision community Invision Community 5: The all-new editor
Guest posted a topic in Forum Software Discussions
Invision Community 5 has a brand new editing experience powered by a lightweight, fast React text editor built for mobile and modern browsers. The venerable CKEditor v4 at the core of our current editor is starting to show its age, so we wanted a clean slate with Invision Community v5 with an editor that was optimized for mobile use, easily extensible and had a feature set that would take us into the next era of Invision Community and beyond. The obvious choice was to consider the latest version of CKEditor, but it didn't fit our needs as it wasn't easily extensible, external plug-ins would no longer be possible, and its large footprint would affect page speed scores and be painful to use with a mobile connection. After a long search, we settled on Tiptap as the base for our editor. Written in React, loaded in chunks when needed for optimal performance and with many APIs and extensibility options, it was the perfect fit. Aside from the technical improvements, the editor offers new tools and a great base for writing our own plugins. I'll walk you through the main features throughout this blog. If you want a more technical deep dive, then please see my development blog. The Toolbar The toolbar has been redesigned to put the most commonly used styles first, with the least used styles and functions into an ellipses menu. The new paragraph menu contains the header styles, as well as the code block. The plus menu adds lists, boxes and quotes. The benefit of this new compact menu is that it displays just the same on mobile. Currently, there are different editor styles for desktops, tablets and mobiles with some style buttons removed to save space. With Invision Community 5, this is no longer the case. Even the smallest display gets all the functionality. mobile-toolbar.mp4 Emojis & Icons Emojis have become a great way to embellish writing and express emotion. The new emoji picker has been modernized with larger emojis and tooltips to showcase the emoji shortcodes. The Icons tab, new for Invision Community 5, allows you to add Font Awesome Icons directly to your content. Lastly, both the emoji selector and the shortcode suggestion dropdown support arrow-key navigation, so you don't have to move your hands from the keyboard to the mouse. Content Boxes The feature I'm personally most excited about is boxes. The concept started as an abstraction of spoilers because sometimes you just want "a box" - a section that stands out from the rest of the content, something we do manually in our documentation and guides on this site. Each box has a tile and the following options: Expandable - You can mark a box as "expandable" which is functionally the same as a spoiler. One improvement is that expandable boxes use native HTML details and summary elements instead of plain Javascript animated divs. Colors - You can optionally keep it grey on grey like spoilers, but I think that's so boring! The colors automatically adjust to the theme colors, so it will look great in dark and light mode. Float (left/right/none) - You can make the box align to the left or right of other content just like you can for images Width - When the box is floated, you can set the width to big, medium or small. Boxes.mp4 Link Expansion Invision Community has long expanded some links, such as YouTube, offering more context or even a mini-player where appropriate. With Invision Community 5, we've added support for embedding dynamic link previews using site metadata. This is a preview of a topic on our forum. For those unaware, the Open Graph (OG) Protocol is essentially a way webpages can specify a title, image, and description to be dynamically embedded on another platform. This is the underlying technology when you see the link preview in Meta, X, Slack, or iMessage. Code Blocks and Inline Code The new editor adds inline, syntax-highlighted code blocks and inline code. Both formats can be applied via the toolbar, or optionally, you can wrap text in a single backtick (`) to convert it to an inline code block or triple backticks (```) to convert it to a code block. The code blocks also support numerous languages for syntax highlighting, including a new custom highlighter for the Invision HTML Template Syntax (Invision Community theme creators and application developers, you're welcome!) Semantic Headings and Relative Sizes Invision Community 5 adds a block selector with headings 1 through 6 in the new editor. It's possibly the most common request I hear so that people can use consistent styling rather than just big bold text in a paragraph tag. Semantic headings are also ideal for SEO and accessibility. In addition to the block selector, you can create headings with the corresponding markdown shortcut. Consecutive pound signs (#) at the start of a line followed by a space (the number of pounds corresponds to the "level" of the heading). For example ### creates a Heading 3 (<h3/>) creates the heading for you. Using clear header tags means screen readers and search engines can better understand your content as using absolute font sizes, such as 16px, can make it unclear what type of element is actually being used. Is it a heading or just a paragraph with large bold text? Furthermore, you may want different sizes depending on the content and device type. Mobile devices may benefit from a large base font size. So we added percent-based font sizes which change the font size based on whatever the default would be for that block. text-menus.mp4 Further UX Improvements The new editor in Invision Community 5 has several tangible improvements, including a mobile-first design. In the current editor, some functionality was hidden behind modals and double clicks, which are either not obvious on mobile devices or not possible at all. The new editor no longer relies on modals and instead uses buttons and dropdown menus that work perfectly with mobile and other touch-based devices. New Line Arrows For block content, such as boxes, images and quotes, we've added the ability to create a new line before or after the block with the click of a button. This was an issue of frustration for mobile and touch devices where it was not always clear where the cursor was and a finger is a much less accurate aiming device! Sticky Toolbar Anyone who has authored a long piece of content knows the pain of scrolling up and down to get the toolbar in view. To make writing longer content less stressful, we've made the toolbar sticky so that it will always be fixed at the top of the editor after scrolling down. sticky-toolbar.mp4 Markdown Style Shortcuts One common request is to support markdown in the editor. While we opted not to include full markdown support, the new editor recognizes many markdown-style formatting shortcuts. markdown.mp4 Colors A common challenge with rich text editors on sites with multiple themes is colors often need to consistently look right across all themes. This is even more important with Invision Community 5, as it has a native dark mode feature. For this reason, we opted to offer a reduced set of color options that all adapt dynamically to the theme. I mentioned this about box colors above, but this is also true of the font color. The difference in shade is slight, but it's very noticeable without it. Toggling between light and dark mode will never produce unreadable text. colors.mp4 We can't wait for you to try the new editor; it has already been very popular with our small testing group. Which feature are you most looking forward to trying? Continue reading... -
invision community Invision Community 5: Assign topics to moderators
Guest posted a topic in Forum Software Discussions
Forum moderation management used to be straightforward. It was commonplace to assign a moderator to a single forum. They would be responsible for enforcing the rules, removing spam and generally modelling the behaviour you wanted to see within your community. As community management has matured and moderators are tasked with roles based on knowledge, help and support, there is a need for more nuance in managing topics within your community. For example, you may have specialists or teams of specialists who help answer questions about development, sales, or support. Topics that require this help may be posted anywhere within your community. Indeed, this feature was inspired by a need in our own support community to ensure customers get the right help from the right team member. We have questions on feature sets, purchasing, and support requests, each requiring a different team member. It is not enough to hope that the right person sees the topics; they must be assigned to ensure excellent service. What are the benefits of this feature? The ability to assign a topic to a single moderator or a team of moderators ensures that each topic gets the best outcome regardless of where it was posted. Having topics assigned helps moderators deal with issues quickly, as there's clarity over which moderators should handle the topic. It also helps keep your community team accountable by having the ability to monitor their workload and get statistics on the time it takes for your team to reply. These statistics also help the community lead assess quality control. How do you use this feature? There are two ways to assign a topic to a moderator or team of moderators. You can assign a topic when replying to it or do it from the topic's action menu. Once assigned, the assignee can review their assigned topics via the Moderator Control Panel and see which are assigned to them via the list of topics. Each moderator will receive a notification informing them they have a new assignment. Those with permission to assign topics to others will see all the assigned topics and who they are assigned to when reviewing the list of topics. The Admin CP contains a list of all assigned topics and also allows you to create and manage teams of moderators, such as "Sales Team" or "Developers." Finally, once the topic has been managed successfully, the moderators can remove themselves from the assignment completing the task. Assigning a specific topic to a single person or team in a busy online forum is a strategy that can enhance the effectiveness of the forum's management. It promotes efficiency, expertise, consistency, and accountability, which are vital for maintaining a vibrant and respectful online community. We hope you are looking forward to this feature and look forward to any comments you may have. Continue reading... -
invision community Invision Community 4: Pages databases in Clubs
Guest posted a topic in Forum Software Discussions
Finally, one of the most requested features for clubs in Invision Community is coming with our March 2024 release: Pages databases in Clubs. You may be surprised to see a new feature being introduced for Invision Community 4 during our flow of news for Invision Community 5, but as we're committed to Invision Community 4, we wanted to continue to bring optimizations and improvements to the platform. What is the benefit of this new feature? Clubs enable communities to host multiple micro-communities with many benefits. Clubs allow more specialized and focused discussions on specific topics. This can lead to higher-quality content and a deeper exploration of niche subjects that may get overlooked when posted on a busy forum. Clubs also offer the ability to tailor the community experience based on the needs of that community. That customization is what this feature focuses on. Pages is a powerful application that allows truly custom layouts for content areas. Simply by adjusting templates, you can create a news feed layout (it is what we use for this news blog area!) or something even more customized to your needs. The March 2024 release allows you to create Pages database categories directly inside clubs, including custom fields and templates. How does it work? Setting up your Pages database to allow clubs to use categories is simple. Simply allow categories to be created within clubs when creating or editing a database. Once that is done, club owners can add a Pages database category to their club in the same way they can add topics, galleries, etc. Once the Pages database category has been added, you can then add content as you would any other club area with the added features of Pages, including custom templates and custom fields. This example club uses a custom Pages database listing template to show the articles in a custom format along with custom field data. Likewise, viewing an article in this example club showcases the use of custom templates to present the content differently from the standard topic templates Invision Community uses elsewhere. Allowing Pages database categories inside clubs brings the opportunity for more complex custom areas making use of multiple custom fields along with truly custom layouts using templates. This is a great way to bring additional areas, such as news articles, into your club areas to compliment discussions. We hope you enjoy this feature, and if you have any comments, please leave them below! Continue reading... -
invision community Invision Community 5: Live Topic Improvements
Guest posted a topic in Forum Software Discussions
Live Topics in Invision Community 5 Introduced last year, Live Topics are an innovative way to host live chat and question-and-answer sessions, complete with the option for live video integration. Live Topics effortlessly transform these events into permanent forum topics once the event concludes, allowing your members to not only interact in real-time with the rest of your community, but also continue the conversation far beyond the events conclusion. As part of Invision Community 5, Live Topics will ship with a brand new design, rich-text editors and dynamic reactions. Let’s take a look at all three improvements, starting with the new design. Full-screen, 3 column layout When viewing a live topic, you’ll be taken to a new, minimal, full-screen, 3 column layout which provides plenty of space to simultaneously view your video, question-and-answer list, and live chat columns all at once. The width of the video can easily be adjusted using a simple drag and drop handle, allowing your members to shift their focus between the video or the question-and-answer list depending on the moment. Resize.mp4 The second column holds a list of dynamic question-and-answer discussions, while the third column boasts a redesigned chat area that more closely resemble an app-like experience. Questions-and-chat.mp4 For smaller devices such as tablets and mobiles, the video is always visible at the top of the page. The question-and-answer list and live chat collapse into their own tabbed area to conserve space. Mobile.mp4 Rich-text editors Text fields in Live Topics have been upgraded to CKEditor, allowing for greater flexibility when it comes to formatting text or posting emoji’s. Richtext.mp4 Reactions Reactions have been added to live topics for both the question feed and the live chat. Reactions update dynamically in real-time, offering valuable insights into the content your community deems significant in the moment. Reactions.mp4 A lot of thought has gone into transforming Live Topics into a much more user friendly experience. The refreshed, modern design combined with new real-time features make Live Topics a fantastic solution for hosting real-time community events, and we're looking forward to shipping these updates alongside Invision Community 5 later this year. Continue reading... -
invision community Invision Community 5: New Live Community Features
Guest posted a topic in Forum Software Discussions
Bring your community to life with the latest live community features coming to Invision Community 5. Last year we introduced new features that immediately showed who was currently reading a topic and who was replying. This feature leveraged new technologies to connect members with each other instantly. In this blog post, we'll delve into the latest live community features for Invision Community 5 and explore how they enhance our sense of togetherness within our communities. We'll examine how these features instantly notify us about new events, updates, or interactions and how they contribute to a shared sense of presence. These features go beyond the static posts and comments we've grown accustomed to and introduce a real-time element. Whether you're part of a support community, a gaming forum, or a professional network, these features will have you feeling like you're interacting with other community members simultaneously, fostering a strong sense of shared experiences. Posting We've all been involved in a busy topic where you're keen to see what replies your latest post has. Select packages on Invision Community 4 can see who is active on a topic and who is typing, but you have to hit refresh to see the new posts added to the topic. If you're anything like me, then you hammer refresh until something new appears. With Invision Community 5, this is no longer a problem. As you interact with a topic, new replies are automatically added to the topic without needing to refresh. This one feature brings the conversation to life, and you get a real sense of other members interacting with the topic at the same time as you. Reactions Did you drop a razor-sharp GIF or post something applause-worthy? Watch as others react to your content in real time with Invision Community 5. There's no need to refresh or return to the topic later to see who enjoyed what you wrote. Getting rewarded for your content is gratifying and encourages you to post more and show your appreciation for other's content via reactions. Notifications Notifications have long been a valuable way to be notified when anything important happens in your community. It may be that someone has quoted your content, tagged you in a post or started a new topic in a forum you're following. With Invision Community 5, you can watch the notification count rack up in real time, alerting you to new events that you may otherwise miss as they happen. We hope that you've enjoyed reading about these new features and look forward to them coming to select packages for Invision Community 5. They provide a sense of togetherness and immediacy, making it feel like we're interacting with fellow community members simultaneously. We're keen to hear what you think, please leave a comment below. The features discussed in this announcement will not be available for Invision Community Classic. Click here to learn more about switching to our platform to get this and other benefits. Continue reading... -
invision community Invision Community 5: A more performant, polished UI
Guest posted a topic in Forum Software Discussions
As showcased in our past blogs, Invision Community 5 introduces a brand new, modern interface which brings improvements to performance, aesthetics and mobile usability. An optional side navigation panel, new view modes, light/dark modes, customizable header layouts, a search modal and a mobile navigation bar are some of the things we've showcased previously. Today, lets take a closer look at some other miscellaneous changes that we've been working on while developing Version 5, including some of the code reductions and performance improvements that we've been able to achieve in the process. For those of you who are developers, we'll also give some simple explanations of how (and why) we've implemented these changes. Widgets Sidebar widgets are perfect for displaying content feeds, featured members, announcements, advertisements and more on your page. In version 4 however, the widget column would often become an empty space once the widgets had been scrolled past: widgets-v4.mp4 In version 5, widgets now stick to the screen once the last widget has been reached, ensuring your readers have more convenient access to your widgets rather than a void space: sticky-widgets-v5.mp4 Messenger The Messenger is a great way to reach out to members when a private chat is more appropriate than a topic. Inspired by modern email clients, the messenger in Version 5 has been revamped with a full-height, sticky inbox, a longer message snippet, mini profiles and a more polished UI - all with a 25% reduction in CSS and a 100% reduction in Javascript. messenger-v5.mp4 Sticky elements We've mentioned sticky elements a couple of times now, so lets take a look behind the scenes at how they're created, and some of the performance improvements with Version 5. Traditionally, sticky elements were created using Javascript which would calculate the position of the element on the page and adjust it's stickiness every time the page was scrolled. Scroll events can be quite taxing for browsers, and when it comes to Javascript, the less, the better (especially when aiming for great page speed scores)! With that in mind, all sticky elements are now handled using sticky positioning via CSS, which is a native and much more performant way of controlling these elements. We've been able to replace an entire 400 line Javascript component with just 3 lines of CSS. Grids and Masonry Grids have previously been handled in a similar fashion. Javascript would scan all elements within a grid to determine how many could fit on a single line, and would then shuffle these elements into position after the page was loaded or resized. CSS has since introduced its own grid properties, which has allowed us to replace more than 350 lines of Javascript with just a few lines of CSS, resulting in more performant page rendering and nicer looking grids (especially on small-medium displays such as mobiles and tablets). Fun fact: We first introduced a similar performance improvement to "masonry grids" in our Gallery update from January this year, by replacing more than 400 lines of Javascript with, you guessed it, just a few lines of CSS. Click targets We wanted to make Version 5 as simple as possible to navigate, and one way of doing that has been by implementing larger click targets. Clicking anywhere inside an entry in a table or grid will now take you to that entry (you can still click on other links like normal within the click target, such as subforums or profile links). Click targets are optional and can be disabled via your theme settings if necessary. click-targets.mp4 Data Lists (tables) Speaking of tables, they too have been revamped. Tables automatically adapt to the space they've been assigned to (for those curious, this is done using CSS container-queries), so they're always neat regardless of the screen size, with no overflow or squashed layouts. Behind the scenes, the two columns below are created with identical code, yet they're quite different visually due to the size which they've been allocated. Even with these improvements, tables have received a 25% reduction in CSS. Profiles Profiles have been polished for Version 5 and include some nice improvements such as sticky widgets and tabs. profile-desktop.mp4 On mobiles, the side column collapses into a carousel, and the sticky tabs allow you to easily flick between content types without scrolling to the top of the page. profile-mobile.mp4 Tabs You may have noticed in the above clip that tabs on mobiles are now scrollable, compared to a dropdown menu from version 4. We made this change to ensure that tabs are given more equal exposure on small devices, and have managed to reduce the CSS by a whopping 80%. Carousels Last and certainly not least, are carousels. Carousels are great for displaying large amounts of data in a confined space and they've been rewritten from scratch for version 5. Previously, a Javascript library was used to create the "scroll effect", however this has never been the smoothest experience on laptop trackpads and touch devices. In version 5, carousels are powered by native smooth-scrolling and scroll-snapping, which results in a much nicer user experience, especially on touchscreens. We've been able to remove a staggering 95% of the Javascript, substituting it with just a few lines of CSS. carousel.mp4 To be honest, we've only just scratched the surface here! In addition to these changes, we've modernized (and reduced code) in almost every component throughout the suite including avatars, cover photos, dropdown menus, forms, inputs, buttons, lists, off-canvas menus, side menus, columns and more! Combined, these changes result in not only a significant reduction in code, but also a polished UI that performs smoothly on desktop and touch devices. We're excited to continue modernizing Invision Community well into the future as new technologies and techniques become available to us, and are looking forward to getting it in your hands in 2024. Continue reading... -
invision community Invision Community 5: Topic Summaries
Guest posted a topic in Forum Software Discussions
Whether you have hours to browse a community or are short on time, scrolling through a very long topic can be more than a little frustrating when you want to follow the topic's core journey. Recently, we discussed another feature designed to help support-based communities find helpful answers quickly, but what about social topics that do not have a simple question-and-answer format? We've all come to a lengthy topic for the first time and found it a little intimidating to find the most relevant content among hundreds of posts, which don't always further the topic. These off-topic posts are important because they help social cohesion and build relationships between members at the time of posting. Still, those visiting later often want the truth of the topic. Invision Community 5 brings a topic summary feature designed to make the most of your time. The topic summary is generated by an algorithm that uses many touch points such as average read times, reactions, number of shares, external linking and more to determine how useful a post is via a numeric ranking. The summary shows an estimated read time of the entire topic and an estimated read time using the summary, which gives your members a good idea of the time they'll save. A shorter read time will make longer topics more accessible to a greater audience. Adjusting the summary We believe that algorithms should be used to support human decisions but not override them. Those with permission can add posts from the summary if they feel they are more relevant. Likewise, posts can be removed if you think they are irrelevant. Interactions with Helpful Posts Invision Community supports a broad range of communities, including support-based and social communities. We are improving our toolset to help both. You can have helpful post-voting enabled as well as topic summaries enabled. When this is the case, the topic summary will show until the helpful post-voting meets a threshold. Once that threshold is met, the helpful post information will replace it. Of course, not all communities and not every forum will have the support features enabled, meaning the topic summary will be the only way to reduce the topic complexity. Less is more Browsing the summary gives you a concise view of the topic's journey with no distractions, a vital strategy for growth. By allowing members to focus on the core journey, you reward the time they spend on your community and make it more accessible for those short on time. We hope you've enjoyed this feature introduction and would love to hear your thoughts! a.ipsAttachLink img { margin: 18px 0px 18px 0px;} Continue reading... -
invision community Invision Community 5: The story so far...
Guest posted a topic in Forum Software Discussions
Just six short weeks ago, Ehren hit record on a video that changed everything for Invision Community. The blog was called "Introducing a fresh new vision for Invision Community 5," and it ripped up the rule book on what forums should look like and revealed a slick new look featuring a new forum home feed view and sidebar navigation. A lot has been discussed, but we're not even close to done! Before we bring you news of more features after Thanksgiving, I wanted to take a mid-season break to recap what we've seen so far. First up was the introduction video, which gave a broad overview of the new UI Invision Community 5 would be sporting. Ehren takes us through many new elements, including the sidebar navigation, forum feed view, simplified post view and more. Up next was a focus on dark mode, accessibility and mobile views. Invision Community 5 features the ability to have native dark mode without additional themes or complex variables to set up. Our aim with Invision Community 5 is to hide the complexities and technology and just let you focus on creating a great community experience for your audience. Bringing complex theming to everyone was the message in the blog talking about the new theme editor. Now, you can make wide-ranging changes to your theme without the need to edit CSS or manage HTML templates, all driven by a smart and simple interface. Next, it was my turn to talk about a new feature. I introduced two new features designed to help those who run support-based communities. Finding the most helpful answers and identifying community experts help your members do more with less time and frustration. Last week, Ehren demonstrated our new icon and badge builder, which is an amazingly powerful tool to produce slick and professional badges along with the ability to customize your community further with emojis and icons for menus, reactions and more. Building ways to reduce the barrier to customization has been a strong theme for Invision Community 5. Phew! We can all agree that we've showcased a lot of impressive functionality coming with Invision Community 5 already. But what does the future hold? Lots! We have a lot of new functionality that we're putting the finishing touches on, and we can't wait to show you more. These new features further help to reduce noise in topics, make the community feel alive and bring long-needed updates to core components such as the editor. Not to mention, there is a significant update to Pages underway. We also have a lot of less flashy updates, such as the new consolidated Feature/Our Picks feature, which is now a single feature. Feature-window.mp4 An improved Moderators Control Panel brings a more uniform experience across deleted, hidden, and content waiting to be approved. We're still on course for a release of Invision Community in early 2024 and can't wait for you to experience the future of forums. What has been your favourite feature so far? I'd love to know; drop a comment below! Continue reading... -
invision community Invision Community 5: Badge creation and icon customization
Guest posted a topic in Forum Software Discussions
Invision Community offers fantastic ways of customizing the user experience for your members, and today, we’re excited to introduce some new and really simple ways of customizing Invision Community 5 even further using our new icon tools. Icon Picker Lets begin with our brand new icon picker. Containing both Font Awesome icons and emojis, the new picker allows you to easily search and assign icons to specific areas throughout your site. Lets take a look at some examples! icon-picker.mp4 Navigation icons Adding icons to the navigation list has been a highly requested feature, so we're happy to announce that you can now use this new picker to do exactly that, for both the horizontal and vertical navigation panels, without needing to modify your theme. Forum icons Uploading forum icons is a great way to personalize individual areas of your community. In the past, these icons have typically been images, uploaded via the admin panel. In addition to the upload form, the icon picker now makes it a breeze to assign icons to forums - and if a Font Awesome icon is chosen, it'll even inherit the featured forum color. Forum Feature Color We have brought the existing forum feature color to feed view allowing for a flash of color and personalization that helps associate a color with a specific forum. The feature color pairs really well with the card image to lift the forum display. Icon creator for badges, ranks and reactions Creating unique badges, ranks and reactions is a great way to boost activity within your community by encouraging members to share more engaging and frequent content - but designing these icons from scratch using a graphics program often comes with hurdles of its own. With our new icon creator, you can now design your own custom icons for badges, ranks and reactions straight from your Admin panel, using a combination of colors, icons and shapes. icon-creator.mp4 We think this new icon creator will make the rank, badges and reactions features even more accessible for everyone, allowing you to create a user experience that is uniquely yours. With Invision Community 5, bringing in customization and personalization moves beyond adding new themes. We're excited to see how you can take advantage of these new tools, and we look forward hearing your feedback in the comments below! Continue reading... -
invision community Invision Community 5: Finding community experts
Guest posted a topic in Forum Software Discussions
Long ago, back in the dark ages, forums used the number of posts a member made and how long ago they joined to demonstrate trust and experience. Is simply posting a lot and being a member for a long time the best way to know which community members are experts? And is there a better way? We think so. What makes an expert, and why are they important? Community experts are the keystones to any thriving community. You probably recognise a handful in your community. They tend to be active regularly, are often the first to try and help others with their questions and help set a positive example within the community. Wouldn't it be great if newer community members could discover who these super users were a little easier? These members trying to find their feet in a new community could follow trustworthy individuals, absorb the positive tone of the community, and even get help a little quicker. In the past, forums have shown trust and experience through basic metrics like post count and the years since they joined. However, these metrics only show that the individual has been around a long time and posts a lot. It doesn't show that they are potential role models or helpful and trustworthy. Community Experts with Invision Community 5 Invision Community 5 identifies these experts through metrics such as the number of solutions they have, the volume of 'helpful' votes on their replies, the speed of answers and more. Each forum will have its own experts, so if you have a very broad community, someone who is very helpful in a particular area will show as an expert in that area only. When a member has been picked as an expert, they'll receive an email thanking them, and they can then opt-in to be shown as an expert along with a regular notification or email with any unanswered questions in forums they are experts in. I'm absolutely killing it in the Test Forum Every few months, the experts are recalculated to reflect the organic way communities grow and change. After all, there's little point in showing that a non-active member is an expert. It might even encourage new community experts to keep up the great work and remain active longer. Community experts have a badge shown with their posts, along with the option to follow them. Encouraging new members to follow trusted community members should be a core part of any community strategy. Settings and control Of course, not everyone should be labelled as a community expert, and perhaps, in very rare circumstances, an existing community expert could have a bad day and not represent the community well. Invision Community 5 gives you the ability to set which groups experts can be picked from and offers you the opportunity to block existing experts, ensuring they won't be selected again in the future. Over to you All communities have to be purposeful and provide value. That value may be in close friendships, or it may be in getting answers for problems you have. Either way, locating the most helpful members will help develop trust, provide guidance and increase knowledge within your community. For transactional communities such as support-based communities, experts are vital in providing timely answers and demonstrating credibility and expertise to others. As always, we'd love to hear your thoughts. Please let us know in the comments. Continue reading... -
invision community Invision Community 5: Quickly find the most helpful answers
Guest posted a topic in Forum Software Discussions
Forum platforms have a wide range of uses, from helping with support to sharing knowledge, ideation and social interaction. Topics can span years, and once the initial explosion of replies has passed, the topic lives on in local search and search engines for future viewers to discover and get value from. However, it's not always easy to get the best content from a very long topic. You may have noticed that when you come to a topic seeking an answer, some replies are less than helpful. How do I fix my Apple Watch? Like this! It's common to find a lot of social content mixed in with useful replies. Jokes, GIFs and off-topic musings are all great while the topic develops organically in real-time. Having fun is critical to feeling a sense of belonging in a community. However, those coming to the topic a little later, say from a link Google has suggested, just want to get the useful content in the fastest way possible. That's where 'helpful' voting comes in. A very helpful reply Invision Community can already mark a single post as the best solution for that topic. Still, not every topic gets a definitive answer, and some community strategies resist quickly marking a post as the best answer to encourage more discussion rather than effectively ending it. Even when you have a definitive answer, there is often value in other highly rated posts offering more context, alternative solutions and more thorough explanations. With Helpful voting, your members are encouraged to flag which posts they find helpful in the topic. When enough votes are added to a single post, they are suggested as a possible answer. You can also tune out the noise and view the most helpful replies only. This is a powerful way to get the very best content from a topic in a short space of time. Want to just view the most helpful replies? No problem. If you eventually choose to mark a post as the definitive answer, the suggested post will be replaced with the answer you choose, but you can still see the posts voted as helpful to gain further context. The helpful voting works independently from reactions, which tend to cluster around social content. Social media conditions us to add a like or funny reaction to content that gets an emotional response. Indeed, a lot of the most highly reacted content is funny content. Social reactions are valuable when building connections between community members but often don't reflect what is the most useful content. The suggested most helpful post threshold is configuration via the Admin Control Panel. Helping your members find the best content within topics helps them do more in your community with less time. Forums continue to evolve, and while social content helps develop the community, content that solves problems and helps others is the rocket fuel you need to keep members and attract new audiences. Helpful voting also feeds into picking Community Experts, a new feature for Invision Community 5, but we'll talk about that in a future blog. A sneak peak at the new Community Expert badge I hope you found this update ✨helpful✨, and if you have any questions or comments, let me know in the comments! Continue reading... -
invision community Invision Community 5: The All New Theme Editor
Guest posted a topic in Forum Software Discussions
Welcome to the third video of our sneak peak series! Today, we're really excited to introduce you to the new Theme Editor! Built entirely from scratch, the new editor provides an instant, live preview of your theme, as soon as you modify a setting. It's a zero-code approach to creating themes, and has been designed to ensure your theme adheres to your color scheme and looks great on every device, with very little effort. Let's take a closer look! Paragraph 1.mp4 To the left of the editor, you’ll see a live preview of your community. You can navigate to any page, as if you were browsing your site normally. At the top left of the editor, you’ll find icons which change the theme between the light and dark color schemes. Below that are buttons which change the viewport size, from desktop, to tablet, to mobile. This is a really convenient way to ensure your theme looks great on every device, without needing to manually resize your browser window. Lets take a closer look at the Color Palette. Editing colors in version 4 was a fairly time consuming process. For example, modifying the color scheme from the default blue to another color meant that 26 theme settings needed to be changed. In contrast, the Version 5 theme is powered by just 3 colors: Primary colors are responsible for styling the main elements on your page, such as the Start new topic button. Secondary colors control minor elements, such as pagination links, while the Base color is responsible for controlling the overall tint on your site. Clicking on these colors opens a color picker. Let’s change this blue color to yellow. Video 2.mp4 You’ll notice two things have happened here. First, the preview window updated as soon as we modified the color. All elements which were previously blue, now use yellow, such as the Start new topic button. Secondly, the text color in our button has changed from white to black. This is our automatic contrast feature and it ensures our text is easy to read on our new yellow background, since white text may be more difficult to read for some viewers. Below the color picker is a text box, with our color displayed in HSL. You can paste your own colors in this box, in any color format and that color will be applied to your elements. Video 3.mp4 The Base color controls the tint of your backgrounds and text colors. Let's try a few examples to demonstrate how easy it is to recolor your theme. Video 4.mp4 Next up are Logos! Invision Community 5 has three logo types: a text logo, an image logo for desktops and an image logo for mobiles. Let’s edit our text logo. Video 5.mp4 After changing the text to “Theme Editor Demo”, we can see that the logo in our preview window updates instantly with our new text. Below that, we have multiple options to help us style the text logo, such as font-family These fonts are a combination of system fonts and web fonts. The web fonts are hosted locally on your site for optimal performance. Additionally, we can also change the font-weight and font-size. We might want a different font-size for mobile logos, so that can be edited too. We can see a live preview by changing our viewport to the mobile option. If you’d prefer to use an image logo, you can assign it using the Image Logo options. Image logos are made up of 2 upload fields, one for the light theme and one for the dark theme. Below these upload fields, a slider lets you resize your logo so it fits neatly. Video 6.mp4 Layout options let you assign the default layouts in your community. In our first sneak peak video, we showcased the new side panel layout, feed view for forum categories, and compact view for topics. These can all be enabled via the theme editor using a simple select menu. Video 7.mp4 Lets explore some Color options! In the Header panel, we can see a list of elements we can customize. Clicking on an element opens the Swatch List, which is a list of 22 colors that are powered by the Base, Primary and Secondary colors from earlier. We have 6 "light" base colors, 6 "dark" base colors as well as various shades of our primary and secondary colors. Clicking on any of these swatches will apply that color to your element. But what if none of these colors suit your requirement? That’s where the Color Picker comes in handy. Here, we can easily choose any color, or even paste in our own color like before. Video 8.mp4 A major hurdle with themes in version 4 was customising the header. Depending on the complexity, this would typically involve modifications to both the CSS and HTML. That is a thing of the past with version 5! If we flick over to our Settings tab, you’ll see a brand new interface for customising the header. A new drag and drop feature allows you to easily reposition header elements without touching a single line of code. Video 9.mp4 It’s an incredibly fun tool to play with, and we’re really excited to hear what you think! Below the drag and drop area, we can customise the header further by using sliders to adjust its height, or we can enable navigation icons with a single click. Body settings let you can customise global elements such as the body background color, text colors, the max-width of your site, the font-family, font-size and more. Editing Content boxes has always required code modifications in the past. Using this new editor, we can adjust not only the colors of the boxes, but also the borders and shadows. Theme editing has honestly never been this easy! Video 10.mp4 And there you have it! Our brand new theme editor. With a few simple clicks and drags, we've been able to create a customised theme that looks great on desktops and mobiles, with a new color scheme, new logos, a customised header, new page layouts and restyled content boxes - all without touching a single line of code. Speaking of code, for those of you who want to apply more advanced customisations, we’ve added a really convenient way to access your custom CSS file, via a new dialog box. Video 11.mp4 And last but not least - the new theme editor is fully responsive, so even if you’re away from the desk, so you’ll be able to change colours and settings, upload new logos, redesign your header and even add your own code! Video 12.mp4 Developing this new editor has been a lot of fun, and it’s even more fun to use. Themes have never been easier to edit and we're really excited for you all to get your hands on it so you can have a play for yourself - but for now, let us know what you think the comments, and we’ll see you next time! Continue reading... -
Welcome to the second video of our sneak peak series! Today we'll be taking a closer look at the new Invision Community interface, including dark mode, accessibility improvements, performance improvements and the mobile layout! Before we begin, I should mention that this is a pre-alpha version of Invision Community 5, so some areas of the design may change before the official release. New traditional header design In our previous video, we showcased our new, optional side panel which formats your navigation into a vertical list. For those who prefer a traditional, horizontal header, here it is! A much more compact header compared to version 4, the new design condenses the navigation bar into a single row, moving all sub-navigation items into dropdown menus. A new, optional area below the text logo allows you to add your website slogan or announce events such as anniversaries or holidays, and our new search modal provides convenient access to the advanced search filters from any page on your community. Accessible interface The main content area has been designed with accessibility as a priority. High contrast text colours and larger font-sizes help to make reading more comfortable and clickable table rows (which can be enabled or disabled via the Theme Editor) allow you to navigate between pages more easily. A visible focus ring significantly improves navigation for visitors who find it more comfortable to browse with their keyboard TAB key, instead of using their mouse (ie. visitors with conditions such as Parkinson's disease, or those who have temporarily lost function due to a broken arm). Focus.mp4 Elements are highlighted while navigating with the keyboard Dark mode Dark mode has become increasingly popular over the past few years - so it's no surprise that Version 5 has been designed from scratch with both light and dark mode in mind. With version 4, it was necessary to manage two themes in order to provide a light and dark colour scheme. In version 5 though, all of that is handled by a single theme. By default, your members will be able to choose their own color scheme preference: either light, dark, or system. System assigns a color scheme based on your system preferences - so if your device automatically switches to dark mode at night, your community will too! With that said, as an administrator, you also have the option to restrict your site to a single color scheme - so if you ONLY want to offer a dark theme, that's easily achieved. Performance Despite all of these new inclusions, the version 5 UI has been coded with significant reductions in both CSS and Javascript. We'll dive deeper into code reductions in a future blog entry, however two great examples are: - Grids: which have had a 100% removal of Javascript and are powered by only a few lines of CSS, resulting in a faster rendering time, especially for users on slow connections. - And carousels: which have had a 95% reduction in Javascript and now rely on native browser scrolling, for a much smoother experience on both desktop and mobile! Additionally we've removed a number of helper libraries that are no longer needed with modern browsers saving even more. Mobile UI With an incredible amount of mobile visitors accessing the web, we’ve placed a huge priority on redesigning the interface to ensure it lives up to todays standards. A new navigation bar at the bottom of the page provides convenient access to your activity feed, notifications, messages, a search panel, and navigation links. A conscious effort was made to ensure that this information was available within a single tap, and we found that a bottom bar like this was easier to interact with compared to icons in the header. The mobile navigation bar from Invision Community 5 A goal of the mobile UI was to display elements that were previously only available on larger devices, while still maintaining a clean interface. For example, to improve navigation, we've added a scrollable breadcrumb list to the top and bottom of the page. To improve guest participation, we added Sign In and Sign Up links to the bottom navigation bar. These links were previously hidden within the hamburger menu, so we feel like this will really benefit those looking to improve registrations. And as demonstrated in last weeks video, profile information is now available within posts, comments and reviews on small devices. We’re really excited for you to literally have a hands on experience with the new mobile interface of Invision Community 5, and we're interested to hear your feedback in the comments! Continue reading...
-
invision community Introducing a fresh new vision for Invision Community 5
Guest posted a topic in Forum Software Discussions
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. Sidebar-zoom.mp4 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. Mini profile.mp4 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! Continue reading...