Ibai

A user on my community brought this to my attention.  I think this may be intended behavior by Google chrome, but should be something reviewed for an overlay by IPS 
WebP images open in a new tab, and are not scrollable like JPG
Sample topic: 
 

Not at all. He is tapping away furiously at his keyboard as we speak 😄 
 

I too would like to see this addition.

Version 5 will require our new "Classic" license structure for use. The license will include all applications. The pricing is less than our previous license structure if you were to purchase all applications though. I can't seem to find the topic which there is a lot of discussion on this but essentially, this is our way of making self-hosting viable for the future. 
The Classic license is available in your Client Area already and you can upgrade your self-hosted license to it, if you desire. If you have had an active license with us, believe we even throw in a few extra months free as a thank you.

Hi IPB Team & Community ^_^
As images are essential part of forum topic it would be great if uploading of topic images and resizing would be more optimal
Right now it is quite hassle for first time user of website.

As admin or Moderator we all know how to upload image and resize but for first time user  it is quite unfriendly.

As user i have to first "choose files" then click on insert then i have to double click to resize it, if i just single click it do nothing as shown below.












Even if user able to figure out how to resize image, putting numerical value is kinda odd procedure 





However if we see at other forum software they made this process very user friendly as follows  
Simple "insert image" button on editor that show upload option









Automatic Blue resizing border around image once it is uploaded  that user can use to resize the images easily 





if there is any way we could customize editor to make image upload and resizing as above please also let me know.

We hope IPB team will take note on this and make it more optimized. 

Thanks 
Gill

So... Is that a yes, it will be available for self-hosted/classic? 🙂
I could not find any tags or mention of cloud-only / not for self hosted in the article (usually there is a very small fineprint in the bottom of the post). Does it mean it will be available for all customers?
 

I hope it is not exclusive to Cloud subscription, but for all customers. Spectacular addition.

Same thoughts. Looks great! Ads are a priority for me as well. I would love to see new and creative ways to monetize in v5. I don’t run any sites without monetization/ income, otherwise I would shut them all down. 

Very nice looking and nice features. 
 
Please keep in mind that many of us use advertisements as our main source of funding to keep our sites going. I don’t see much room for ads in any v5 snippets. 

That field name is Published, not Edited. IMO this is a bug, but you say its a feature.
 
 

These UI changes are looking really nice, fantastic work as always Ehren. Having you join the IPS design team is undoubtedly one of the most exciting things to happen and your work here is just proving that every day. Looking forward to seeing even more!
I'm also now interested in seeing some of the improvements to the UX that complement the UI changes - in particular the mobile topic/posting experience, which in V4 is currently quite miserable now when you compare the ease of posting on social media apps. Just this morning I tried to post a topic about a news story I read earlier, and it was a constant battle of scrolling up/down just to reach post editor toolbar icons that had been moved off-screen as my post got longer (some elements, like the GIF implementation and URL insertion, are pretty clunky as well).
Not knocking the V4 experience as I know it's a decade old at this point and originally designed to serve a desktop experience over mobile - but at the same time, I can see why many in my community prefer to post status updates when it's currently so difficult to quickly and easily post a topic or a post on the forum via their phones. 😅

Version 5 is a significant rewrite with numerous new features and breaking changes. It’s not just a new UI, so it won’t be possible to run multiple installations on the same database, sorry @WebCMS

Thanks Alex, I appreciate that! 
Thanks @shahed! 
 
The profile blocks will stretch so they’re all the same height. In testing, this has worked well, but we can always add a max-height to the boxes if they get too tall.
For the moment, “normal widgets” just collapse into a vertical column on mobile, so it’s just the profile ones which scroll. The normal widgets can vary a lot in height, so they might not work as smoothly in a carousel. 

Really like the improvement to Tabs on Profiles on mobile, with the horizontal scroll. 
The dropdown menu in v4 basically hid all of the tab options unless you knew of the tabs in advance.

The sidebar width is customizable via a single flex-basis CSS property @Adlago. By default, it is 350px, but you can change it to whatever width you like 👍

I certainly did 😅 I've just added the screenshot, thanks!

I truly appreciate all the effort that was made to simplify the code to keep it lightweight, while in the meantime modernizing the UI. It looks very sleek.

Very nice, I cant wait.
Did you miss posting a video about about Data Lists (tables)?

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.

View full blog entry

I like them all, and I need more. Keep the new features coming 😀

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!

View full blog entry

Lots of credit goes to @Matt Finger for this weeks update. He did a great job 👏

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!
 


View full blog entry

That'll be because v5 hasn't been released yet.

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!

View full blog entry