PrettyPixels

For me, the new prices are very attractive, however, I kindly request that self-hosting continues to be developed despite the low interest. 🙏

Your presumption is correct! 🤝 Topic feeds will display the "share/embed" image if one exists. For the moment, a placeholder is shown for topics which don't have an image in the first post, but we can revisit that in the future if needed 🙂  Two example screenshots below using Grid and Wallpaper:

 

For the love of God and those in need,
Grant full access, I humbly plead.
With Creator's plan, they'll build and grow,
A chance for all to let dreams flow.

PLEEEASE bring Page Builder Full Access to the CREATOR plan! 🙏

1. I'd like to second the comment above, to ensure we have filter / permission options per widget.  
The idea is to build a truly customized community as a user grows in their user journey.  New members might see more introductory and popular topics; returning members might see content that they started or participated in.  
2. Will IPS consider some basic meta options for widgets such as: 
- enable / disable Widget title
- widget title is a link 
- enable / disable border 
As a use case, in my Downloads section, I've built simple widgets for each category to to showcase the latest files per category.  It would make sense that clicking on the widgets title would go to respective file category. 
3. We're still going to have options to hide / display individual widgets on mobile vs tablet vs desktop? 
I can see community owners building more elaborate widget areas for desktop, but more streamlined for mobile.  (In my community, I've studied how my superusers are on desktop, my sales conversions happen the most on desktop, but 60% of my regular traffic is mobile. ) 
4. I'm curious about other clients thought process around spacing between widgets.  Is there a widget area where you would want tightly clustered widgets versus spread out widgets? 
5. Are these widget display options are available for database records? Any changes to default list options or display options of databases? 

Thank you, this seems to be a significant évolution.
 
To align with the power of the IPS structure and to continue differentiating from what exists elsewhere, it would be useful to have the option to display content only to specific members, to specific groups, or after a certain number of days of registration.
 
This would allow for the implementation of powerful filters. Additionally, it would also be beneficial to display only content with a specific tag, and so on.
 

Hi Guys it would be great if custom page database could be shown on users profiles as shown below:
 



It will be very useful to show users generated articles  or other custom page database records. 

Please submit your inputs for what you think about this feature. 🙂

Thanks ^_^

Plus customizing the output like we do it for display and listing.

Thanks for all the thought and innovation put into the new pages functionality.
P.S. Dr. Seuss would be proud of that video.

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!

View full blog entry

A lot of people using that old application actually switched to using Radical Tags, which includes a tool to import the data:
 

Hi @Matt   Lot of current users are using Advanced Tags & Prefixes. Can you please provide path for them for easy migration?  - Thanks.
https://invisioncommunity.com/forums/topic/416840-advanced-tags-prefixes-ips-4x/page/49/
 

The ability to resize the Iframe externally to my liking is a nice touch, thanks 🤩🤩🤩🤩🤩🤩.
Keep up the great works.

Looks good. Will iframe embedding work for whitelisted domains if you paste the url into the body of the editor (automatically) or do you have to click the link button every time?

I too would like to see this addition.

Thanks Matt - I do think there's value to having a portal where all tags are listed, as well. If I may be so bold as to suggest... perhaps there could still be a landing page that exists at www.site.com/tags/ that displays all tags through the site, while the Featured Content page (www.site.com/featured or whatever) can be a little more bespoke/selective based on what tags the admin wants to put front and centre?
That seems like an elegant solution to me (and it offers users a useful place to go and browse through content if they ever get bored - at the moment in V4 /tag/ or /tags/ doesn't lead anywhere so it might also put something contextually useful there?)
Thanks also for the added detail on how the Featured options work - based on the "Featured Reply" GIF you shared, would that reply also appear on the Featured Content landing page, or will that reply simply appear at the top of the topic?

It would be nice if tag pages could be indexable for Google and Co. Or if we had the option to choose whether they are indexable or not.

This new tagging feature looks really amazing. It looks to be everything I wanted, and even more! 🙂 I really look forward to experimenting with it. 
My community uses tags intensively and has hundreds of tags though, so that members can easily find threads related to a specific topic.
Is there a way to handle that in the +Add Tags pop-up menu? Can I search for the tag I want to add? Ideally, I would start typing the first few letters of the tag I want and only tags starting with those letters would show up, just like it's working now in v4? 

Also I would really love the capability to merge tags. 

I would add the ability to set my own order of tags (in the content item) if I don't want to order them alphabetically. I was also hoping for multiple prefixes, colors, etc.

Would it be possible to choose to receive on-site notifications as well (aka "the bell")?  This looks really interesting and is going to challenge me to think about how I organize content now.  I can absolutely see potentially consolidating a few forums...  I can also see being able to have a page that has images, files, and topics on a single subject as being a great way to start building documentation, etc.  

Added a note on your account, thanks! 😂

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?

View full blog entry

I don't remember reading anything about it. Today we need to use hooks to allow new videos to be embedded on the site. How IPS5 will handle that?

They could ignore what you put on the manual method for instructions, and leave it there. In which case you would have an item there to approve, which you would have to sort manually

H1 must be removed from this menu. Also, its insertion should not be triggered by just one "#" symbol (Markdown).
Each page must have a unique H1.

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?

View full blog entry