Ehren

Thanks for the suggestion. This has already been addressed in v5, but I’ll keep this in mind for v4 🙂  It’s bugged me in the past too. 

This will be fixed in our next release. This is the solution we ended up applying:

[data-blockid^="app_gallery_imageFeed_"] .cGalleryWidgetList .ipsImageBlock__main{
	display: block;
	text-align: center;
}

If you have a custom profile field (Bio in this case), and if you’ve enabled the setting to have it displayed alongside posts, it will be shown just like Locations in my above screenshot.

There isn’t any tab/modal functionality in the mini profile (not yet anyway). It simply shows the authors stats in an inline list, and then loops through their custom profile fields and outputs them in a vertical list. 

On 1/29/2024 at 10:41 PM, Dreadknux said:

I have a general question relating to the new V5 design philosophy/restructure if that's okay @Ehren.

The scroll-padding and scroll-margin properties handle all of this for you, and are already built into v5 via a simple CSS variable. No need for pseudo elements or negative margins 🙂 

On 1/28/2024 at 9:13 AM, Como said:

Will 'Bios' (or other profile fields) be pop-ups from the profile strip, or are they purely links? (Because pop-ups would be much better.)

Are bios a custom profile field which you've made? By default, they'll be displayed below other stats with both the name and value of the field. Location is an example in this screenshot:

@Foxtrek_64 Font Awesome 6 Free is used in version 5, hosted locally on your own domain for optimal performance.

There isn’t currently a way to swap this with your own Font Awesome kit, but it’s certainly something we can look into if there’s enough demand for it. 

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.

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.

   

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.

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.

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.

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.

View full blog entry

10 hours ago, PrettyPixels said:

I love the new accessibility features! As someone who works with accessibility for a living, I'd also really like to see the ability for users to scale text and make it higher-contrast for older or visually impaired members.

Is this something you'd consider adding?

It's not something we've planned for an initial release, but it's quite easy to achieve with the new CSS framework and is possibly something we can implement in the future.

With that said, browsers are very capable of scaling font sizes these days and since the entire UI is built using em's for sizing, the whole interface scales neatly. The color scheme also passes all contrast tests so far, and can be customized further using the Theme Editor if necessary 🙂

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

On 12/10/2023 at 12:52 PM, AlexJ said:

UI update has Ehren written all over it. Using your themes for past 10 years 🙂 Well done. 

Thanks Alex, I appreciate that! 

5 hours ago, shahed said:

Great work as always @Ehren

One thing that really caught my eyes here is how profile' side blocks are handled in Mobile view. I think IPS just nailed it. question here is what happens with blocks with different heights? those seems all in same heights and size, so what if one block is just longer than the others? another question is and maybe i missed something here, is this same method for all other blocks/widgets in mobile view?

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. 

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 👍

6 hours ago, Richard Arch said:

Very nice, I cant wait.

Did you miss posting a video about about Data Lists (tables)?

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

Invision Community 5 is not yet available.  It’ll come out at some time in 2024 👍

Hi @Dreadknux

Funnily enough, this is something we discussed internally a few weeks ago. We're working hard on revamping Pages at the moment, so we'll be able to provide more information in the future about widget customizations 🙂 

On 12/2/2023 at 11:14 AM, LiveG said:

I love the Sidebar!! I'm wondering how it will look on mobile. 

The sidebar is desktop only. Mobiles have their own navigation panel design 🙂 

Yeah, looks like I cleared the cache in the same moment the plugin was disabled. Glad you got it solved.

I'd still highly recommend upgrading your theme as soon as you can though 👍 It'll make future upgrades much smoother and less prone to errors.

After clearing the cache on your site, the sidebar is now working correctly. 

With that said, there is some severely outdated code in your theme, especially within globalTemplate. This will likely cause other issues on your site, or may prevent new features from working correctly. I'd suggest manually upgrading your template files by following the code changes provided by the Theme Tool.

Hi @MythonPonty

There's already a feature for adding a counter badge. 👍

No.. Jim's post is correct. He just doesn't specify that some video formats may not embed in all browsers when attached. If you take a look at our v5 announcements, you'll notice that all videos except for the "main announcement" are .mp4 files which have been uploaded as attachments to the post.

Browsers are quite picky with video formats. For example, .mov works fine in Safari, but fails in other browsers, and .wmv has never been supported in the <video> tag. This has always been the case, and nothing has changed in our software since Jims post. For the widest support, .mp4 is suggested.

I use the built in screen recorder in macOS for our v5 videos.

We upload our main one to YouTube since it can be 1GB in size, but the other videos are just embedded as .mp4

Only some file types can be embedded into topics. This is a browser limitation rather than a limitation with Invision Community, so try and convert to mp4 for the widest support 🙂

Thanks for the tip @David N.. All sorted! 🙂 

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

Thanks, this has been fixed internally and will be pushed in a future update 🙂 

3 hours ago, David N. said:

@Ehren Will it be possible to include other data (than what's visible on your video) in the mini profile strip? 

You’ll be able to add any of your custom profile fields, so if a bio is already a part of those then you’re good to go 🙂

We don’t have plans to show the signature here though.