Jump to content

Firdavs Khaydarov

Members
  • Posts

    42
  • Joined

  • Last visited

Reputation Activity

  1. Like
    Firdavs Khaydarov reacted to Rikki for a blog entry, 4.5: Improvements for theme designers   
    If you've been around Invision Community for a while, you'll know our frontend default theme hasn't significantly evolved since the early days of 4.0. Indeed, the last significant refresh came with 4.2.
    With the upcoming release of 4.5, we wanted to revisit the default theme and give it a facelift for 2020, as well as make incremental improvements to the underlying codebase as a stepping stone to a bigger re-engineering in a future version. Keep an eye out for our next blog for more on the facelift.
    In this entry, I want to go over some of the design and code-level changes we've implemented that will be of particular interest to third-party theme designers, or those building a custom theme for their community.
    IE11 Support
    Until now, we've supported IE11 as a 'B' browser - meaning we didn't aim for perfect support (especially visually), but did aim to make all functionality work, and we fixed IE11-specific issues if possible.
    As of 4.5, we no longer support IE11 in any way and Invision Community will not work well in that browser. By removing support for IE11, we are able to make use of newer CSS technologies which significantly eases development for us and third-party designers. I'll discuss some of those below.
    Combined theme settings
    We've combined a number of existing theme settings into one new setting. We've found that settings like poll_bar, step_background, rating_hover and so on are nearly always set to the same color - typically the site's main brand color. These settings have therefore been replaced with one new brand_color setting, which is used throughout the CSS in places where this primary color would be needed. This will simplify the early stages of theme development and make it easier to match branding in Invision Community.

    Front end colors
    Removing hardcoded colors
    While our theme settings have allowed community owners to change most colors, there were still many hardcoded in our CSS framework. These were typically neutral colors used for things like 'close' links, semi-transparent backgrounds and so on, but it was enough to make creating a dark theme an unrealistic prospect without an awful lot of effort (and kudos to those designers who have offered dark themes up until now!).
    In 4.5, we've removed hardcoded colors from our framework, and instead rely on colors already defined by theme settings. You can now, finally, create a dark theme just by editing the built-in theme settings.
    Type scale & {fontsize} tag
    While we've had fixed type-size classes (e.g. ipsType_normal) for a long time, in practice many elements had their own font sizes set. This leads to inconsistency and poor visual rhythm too. Another side effect is it was also tough to globally change the font size (such as for branding purposes, or to create a theme for visually-impaired users).
    To solve these problems, we first created a type scale; that is, a fixed number of sizes to choose from. A product the size of Invision Community does have need for a flexibility, so we settled on the following scale:
    x_small: 12; small: 13; medium: 14; base: 16; large: 18; x_large: 20; 2x_large: 24; 3x_large: 30; 4x_large: 36.
    All of these values are editable as theme settings, so each theme can adjust the type scale used. Our default CSS in 4.5 has been fully updated to put all type on this scale.
    To actually make use of these settings, we have added a new {fontsize} tag which accepts either a scale key, or a specific pixel size (for those occasional situations where a specific size is absolutely needed, e.g. icons).
    Why couldn't we just use {theme="x_small"}, or even CSS variables? To solve the problem of globally scaling text, we have also added a percentage-based scale setting that will save you from having to create your own type scale. The {fontsize} tag automatically applies the global scale to any values passed into it. Want text in your theme to be twice as big as default? Simply set the global type scale to 200% and the entire theme will reflect the change immediately. 

    The new font size options
    Spacing scale
    The lack of a consistent spacing scale has led to some arbitrary values being used in any given situation, which again has had a negative impact on the visual harmony of our design. We've therefore implemented a 4px spacing scale (using CSS variables rather than theme settings this time) and applied across almost all padding/margin values. In time, we anticipate fully switching all measurement values to the scale.
    New CSS class families
    We have added a range of new spacing classes for padding and margins, allowing far more control over how these are applied, especially on different device sizes. Previously, ipsPad (15px) was simply halved on small screens - with no 'opt-out' short of adding specific CSS. We've felt this has been imprecise for some time, especially since mobile devices typically have larger screens in 2020 and don't need to be so tightly-spaced.
    ipsPad_all now replaces the existing ipsPad, and does not halve itself on small screens. Instead, there's a new responsive naming convention that allows you to apply specific padding on specific device sizes:
    ipsPad_all:double md:ipsPad_all sm:ipsPad_all:half
    In this arbitrary example, desktop size (the default) get double padding, medium (tablets) get regular padding and small (phones) get half padding.
    We've added similar classes for top, bottom, left and right padding, as well as horizontal, vertical and none (to removing all padding) shortcuts.
    For margins, the old ipsSpacer_* classes have been replaced with a new ipsMargin family that work exactly the same as the padding classes above, with the same range of flexibility.
    The old ipsPad/ipsSpacer classes will continue working as they did before for backwards compatibility, but should be considered deprecated from 4.5 onwards.
    We've also added a whole range of new ipsFlex classes, also with responsive controls (making it easy to have horizontal layouts on desktop and vertical layouts on mobile, for example), as well as a new ipsGap utility that automatically adds spacing between elements, without requiring manual :first-child/:last-child exclusions.
    CSS variables & calc()
    In 4.5, thanks to IE11 support ending, we're finally making use of CSS variables and calc() to make CSS more maintainable and easier to customize. A lot of repeating or often-customized styles - such as form field styles, message colors, card styles, border radii etc. - are now created as CSS variables, allowing theme designers to easily change styling in one place. Instead of magic numbers, we either stick to our spacing scale, or use calc() to avoid hardcoded numbers.
    The future
    The work we've done so far is just a 'first-pass'. We'll be pressing forward with modernization throughout the 4.5.* series and beyond with a view to reducing our footprint, improving our ability to maintain our CSS and, of course, making theming easier for our customers.
  2. Like
    Firdavs Khaydarov reacted to Ryan Ashbrook for a blog entry, 4.5: Language System Updates   
    Ever since Invision Community 4.0, there has been a huge focus on making communities multi-lingual by providing translation features inside the AdminCP.
    We have received a lot of feedback on our multi-lingual and translation tools over the past year, and we're happy to announce these new features coming to Invision Community 4.5.

    Pages Phrase Tools
    If you have the Pages application, you can also use these phrases in HTML pages and HTML Blocks without needing to visit the translation tools area. Simply use the tag editor in the sidebar when editing a page or block's contents.



    The new phrases sidebar options
    You can quickly create new multi-lingual phrases by clicking the + icon.

    The new add phrase dialog
    Additionally, WYSIWYG Blocks have now been made translatable, so you can now create WYSIWYG blocks that will display their content in specific languages.
    Translation Tools
    Language pack creators can now set a version update URL which is checked to notify admins within the AdminCP that an update available, just like the theme system. This is a great way to notify customers when fixes are available.

    Finally, you can now quickly add a new phrase from the Translation Tools page without the need to use the developer tools.

    The new "Add Phrase" option

    These little changes should make a huge difference in your workflow, and make it easier than ever to create fully multi-lingual pages throughout your site.
  3. Like
    Firdavs Khaydarov reacted to Matt for a blog entry, 4.5: RSS Feed improvements   
    You'd be forgiven for thinking that RSS feeds belong in some bygone era of the web where Netscape was king and getting online meant listening to your modem scream at your phone line.
    There's certainly a lot of newer web technologies to share data, but the venerable RSS feed still has a place.
    Invision Community has supported RSS feed importing and exporting for a very long time now; however, it has been restricted to just Forums and Blogs.
    Importing an RSS feed is a simple way to populate content on your community. It's even a great way to share content to and from your site without creating blocks or writing custom code.
    Invision Community 4.5 now centralizes RSS feed importing, so it is available for Forums, Blogs and Pages.

    You can now choose to import an RSS feed to any Pages database. Better yet, there is now full support for image enclosures.
    RSS feeds have a special tag to note that the feed entry has an attached image. Lots of RSS feeds use this, such as the NASA Image Of The Day feed. Until now, this image has just been silently discarded.

    Now, it is imported as an attachment (so it can be moved around in the post or Pages entry). If the Pages database you are importing to has record images enabled, you can optionally import the enclosure as a record image which some template sets can use as a header image, just as our blog here does.

    But what about exporting enclosures?
    Happily, Invision Community 4.5 can now export the main content image of an item as an enclosure. This certainly makes the Gallery RSS feed export a lot more useful!

    While these updates are not revolutionary, they certainly make RSS feed importing and exporting much more useful. We've been asked to support RSS feed importing into Pages for quite a while now.
    What do you think of these changes? What will you import into your Pages databases?
  4. Like
    Firdavs Khaydarov reacted to Andy Millne for a blog entry, 4.5: Invites and Referrals   
    Invision Community has supported member referrals via the Commerce app since Commerce was called Nexus all those years ago.
    Community owners have been able to see at a glance who is spreading the word and members have received the kudos associated with a growing referral count in return. 
    When planning Invision Community 4.5 we saw that this feature had the potential to be so much more… So what have we done to improve it?
    See Who Was Referred
    In addition to seeing a count of referrals, it’s now possible for both admins and members to see who they referred. If Commerce is enabled admins can also see how much commission (if any) was earned. 

    The new referral settings page shows links, code snippets and who you've referred
    Member Promotion
    Seeing a rising count of who has been referred gives members a great feeling of community involvement but wouldn’t it be great if you could reward your members in other ways too? 
    Referral counts now work as a member filter when using the group promotion feature.
    You can now automatically promote members that have referred more than a specific number of members to another user group and give them access to exclusive content. This still works alongside paid subscriptions so be another method for members not willing or able to pay for subscriptions to get access.
    Integration With Sharing
    If the feature is enabled, any time a link is shared via the built-in share links, referrals will be tracked. This occurs automatically without the member needing to think about it. It’s now easier than ever to see who your superfans are and who is bringing new people to the community.
    Blocks
    As well as the default share links we have added a new sidebar block that can be added anywhere across your community. This prominent call to action can be added on pages you think are most likely to result in recommendations.

    The new "Invite a friend" widget
    Given that referral capabilities have been expanded into many more areas outside of Commerce we decided that this should now be available as a core feature. Earning commission on sales as a result of referrals will still, of course, require Commerce to be installed.
    We hope that these are welcome improvements and they help you encourage more members to participate in your community.
  5. Like
    Firdavs Khaydarov reacted to Matt for a blog entry, 4.5: Topic view summary and more   
    A topic is more than a collection of posts; it's a living entity that ebbs and flows over time.
    Evergreen topics can see month-long gaps between posts and longer topics spanning numerous pages can end up hard to navigate through to find useful content.
    With this in mind, we've added numerous improvements to the topic view to bring context and summaries key areas within the topic.

    Topic view updates
    Topic Activity
    The first thing you likely spotted in the above screenshot is the new sidebar. This acts much like a summary of activity within the topic. It very quickly lets you know how old the topic is and how long it has been since the last reply. This context is essential if you are unwittingly replying to an older topic.
    Most topics are driven by a handful of key members. The topic activity section shows you who have been most active, which may influence which posters you give greater authority to.
    Likewise, popular days lets you dig into the 'meat' of the topic which may have evolved quickly over several days.
    More often than not, a single post attracts more reactions if it is particularly helpful or insightful, and this is shown too.
    Finally, a mini gallery of all upload images allows you to review media that has been attached to posts.

    The topic activity summary under the first post
    This activity bar can be shown either as a sidebar or underneath the first post in a topic. If you enable it for mobile devices, then it will show under the first post automatically.

    The topic activity summary on mobile
    As with many new features in Invision Community, you have several controls in the Admin CP to fine-tune this to your communities needs.

    AdminCP settings
    Other improvements
    The eagle-eyed among you will have spotted a few other changes to the topic view.
    The first is the badge underneath the user's photo. The shield icon notes that this poster is part of the moderation team. Of course, this badge can be hidden for communities that do not like to draw attention to all their moderators.

    You will also notice that when the topic starter makes a reply to a topic, they get an "author" badge as their reply may carry more authority.
    When you scroll down a topic, it's not often apparent that there has been a significant time gap between replies. For some topical topics (see what I did there) this may alter the context of the conversation.
    We have added a little identifier between posts when a period of time has passed between posts.

    These changes add a little context to the topic to give you more insight into how the replies direct the conversation.
    The new topic activity summary gives you an at-a-glance overview of key moments and posters to help you navigate longer topics.
    We hope that you and your members enjoy these new features coming to Invision Community 4.5!
  6. Like
    Firdavs Khaydarov reacted to Matt for a blog entry, 4.5: Marking as solved   
    Invision Community has had a question and answer mode for a good few years now.
    This mode transforms a forum into a formalized way to handle your member's questions. Members can upvote answers, and the topic starter and your community management team can mark a reply as the "best answer".
    This is great when you want to add rigour to specific forums which encourage your members to find solutions.

    The existing "QA" mode
    But how about a way to mark a topic as solved without transforming the look and feel of the forum?
    We get asked this a lot.
    Happily, it's now a feature just added to Invision Community 4.5! Those with a long memory will recall we had something very similar way back in Invision Community 3.

    The new "mark as solved" feature
    This new feature allows the topic starter or your community management team to mark a post as the solution. This highlights the post within the topic as well as adding an icon to the listing views. 

    The green tick notes that the topic has a solution
    In addition, it also increases the member's solved count, which is displayed under their name in the post and even in a draggable widget that shows members with the most solutions. We have also added a new filter to the existing post and topic feed widgets to allow only items with a solution to be shown, so you can create a "Recently solved" feed.

    The new widget
    Finally, a notification is sent to the author of the post that is selected as the best answer, so they're made aware that their helpful content has been spotted.

    Let your members know their content was useful
    We hope you enjoy these changes and look forward to allowing your community to find answers quickly, and to reward the members that provide them.
  7. Like
    Firdavs Khaydarov reacted to Ehren for a blog entry, 4.5: Your new admin control panel   
    Invision Community has come a long way over the past five years.
    We've added many new features and invigorated the front-end user experience to keep it current and in-line with modern interfaces.
    One area that has remained largely the same is the Admin Control Panel.
    When we released Invision Community 4.0 back in 2014, the Admin Control Panel was updated but has stayed relatively dormant since.
    But that's all about to change with the upcoming release of Invision Community 4.5!

    The Admin Control Panel in 4.5 has received a substantial update, resulting in a modern color scheme and a clean, minimalistic design.
    We felt that a lighter, more open design allowed the content more space and to feel less crowded. 
    The dark grays have been replaced with shades of blue and aqua which closely reflects Invision Community's new branding, while other colors have been lightened and saturated.
    Along with the new color scheme, the overall layout of the ACP has intentionally been kept similar to the existing version, resulting in a design that feels surprisingly familiar yet refreshingly new at the same time.

    We hope you've enjoyed this small sneak peek into Invision Community 4.5 and we look forward to introducing you to some more new features in the upcoming weeks!
  8. Like
    Firdavs Khaydarov reacted to Matt for a blog entry, 4.4: New Email Features   
    It's easy to think that email is a relic from the past; from simpler times long before social media and the rise of phone apps.
    And it's reasonable to think that way. Your phone constantly pings at you, and your laptop OS constantly pings at you, so why bother with email?
    Because it's still a hugely powerful medium to get and retain attention.
    In 2017, over 269 billion emails were sent and received per day. Of those, 3,360,250,000 are opened, read, and a link clicked.
    Email is still very much a critical tool in your quest for retention.
    Invision Community knows this. We have options to notify members of replies by email, weekly or monthly digests by email and members can opt-in for bulk emails sent from your community team.
    Given how important email is, it was only fair that we invested in some love for our email system for 4.4.
    Email Statistics
    Just above, I mention that 269 billion emails are sent, and 3.4 billion are opened, read and clicked.
    How many emails are sent from your Invision Community daily?
    (No cheating and checking with SendGrid)
    You probably have no idea as we didn't record email statistics.
    As of Invision Community 4.4 we do!

    Chart showing the number of emails sent daily
    We now track emails sent, and the number of link clicks inside those emails.
    Email Advertisements
    Email notifications are a powerful way to get your members to revisit your community. The member welcomes these emails as it means they have new replies to topics they are interested in reading.

    While you have your member's attention, you have an opportunity to show them a banner-style advertisement.


    The new email advertisement form
    When creating a new email advert, you can choose to limit the advert to specific areas such as topics, blogs, etc. - and even which forums to limit by.


    Subliminal messages
    This is a new way to reach your audience with your promotions.
    Unfollow without logging in
    Despite spending most of this blog entry shouting the virtues of email, it's inevitable that one or two members may wish to stop receiving notification emails.
    In previous versions, the unfollow link would have taken you to a login page if you were signed out. For members that haven't been back in a while, this may cause some annoyance if they do not recall their login details.
    Invision Community 4.4 allows non-logged in members to unfollow the item they received an email about or all followed items without the need to log in.

    You no longer need to log in to unfollow items
    Respecting your member's inbox is vital to keep on good terms with them and to keep them engaged in your community.
    We'd love to know which of these features you're most keen to try in 4.4. Please drop a comment below and let us know!
  9. Like
    Firdavs Khaydarov reacted to Matt for a blog entry, 4.4: 6 New Micro Features   
    I really enjoy writing about the new features the development team have been slaving over for weeks (and sometimes months.)
    It's a real joy to be able to share the finished product after we've seen it through inception, discussion, planning, assigning to a developer, coding, peer reviewing and final group testing.
    Although sometimes, the features can be explained in a few screenshots, which makes for a pretty thin blog entry.
    With that in mind, I've grouped together 6 of the best new micro-features for Invision Community 4.4.
    Browser notifications
    We introduced browser notifications in a previous version of Invision Community.
    Once you've opted in to receive them, you'll get a fancy browser notification when new content is posted while you're off browsing other sites.
    However, the browser prompt to ask for permission to push notifications isn't subtle, and it attacks you the second you log in for the first time.
    In Invision Community 4.4, we've made it, so you're only asked to opt-in once you open the notification drop down.

    No more being attacked by a permission dialog
    Widget display settings
    One of the most popular features we've added to the front end in recent times is the drag and drop widgets.
    We see these used on almost every site we visit.
    A popular request, though, was to be able to hide them from specific devices. By default, the sidebars appear under the main content when viewed on a smaller device such as a phone.
    There may be times where you wish to show a block for those on tablets and desktops, but remove it for phones, so it doesn't take up precious retail space.
    Happily, you can now do this on each block with 4.4.

    Desktop only?
    Club Navigation
    Clubs are relatively new to Invision Community but they incredibly popular as they allow you to run micro-communities within your main community.
    You're not limited to just forums either; you can add gallery albums and more to each club.
    We've added the ability to re-arrange the club tabs allowing you to prioritise what you members see first.

    Rearranging club tabs
    Announcement URLS
    Announcements have been a core feature for a long time now. We use them whenever we have a holiday so we can notify our customers about reduced support on those days.
    We've made it so you can now link to an item, rather than have to provide new copy for each announcement.

    We may have overdone it a bit
    Time Frame selector
    We noticed that in numerous areas around the Admin CP we had time input boxes. These would sometimes be used for seconds, minutes, hours and even days.
    We've seen customers forced to enter things like 86400 seconds when they want the time frame to last a day. The lack of consistency wasn't great either.
    In Invision Community 4.4, we've added a new Time Frame selector which is used as standard on all areas we ask for a time frame to be entered.
    No more taking your socks off to work out how many seconds in a month.

    Time is no longer relative
    Group Name Styling
    For about as long as I can remember (and as I get older, this is not an impressive amount of time), we've allowed group names to be stylized when shown in the online user list.
    A very popular request is to extend that same group highlighting throughout the suite.
    Finally, Invision Community 4.4 brings this to the suite.

    If the group name is visible, that gets the styling, otherwise the name does
    These features may be micro in nature, but we hope they make a significant improvement to your community.
    Which are you most looking forward to? Drop a comment below and let us know.
  10. Like
    Firdavs Khaydarov reacted to bfarber for a blog entry, 4.4: Extend Invision Community with the REST API   
    Ever since its first release, the REST API built into the Invision Community software has proven to be a very powerful and well-received feature.
    We love seeing what our clients and modification authors are able to do with the level of integration afforded to them through this capability, and so it is only natural that we have looked to expand the functionality in our upcoming 4.4 release.
    Poll Support
    Beginning with 4.4, you will now be able to create and update polls for both topics and blog entries through the REST API. Of course, modification authors can use this new endpoint.
    Warn Reasons
    You will also now be able to manage warn reasons through the REST API. This includes fetching a list of reasons, as well as fetching an individual reason, creating warn reasons, updating existing warn reasons, and deleting warn reasons.
    Event Venues
    Event venues can now be listed and individual venues fetched through the REST API, and you can now add, update and delete event venues through the REST API.
    Member Notifications
    You can now retrieve a list of notifications for a specific member through the REST API, useful if you were to attempt to recreate the notifications menu on a third party website (for example).
    Warning Users
    The REST API will now expose the warnings a user has received through a new endpoint. Additionally, you can fetch individual warnings, issue new warnings, undo and/or delete issued warnings, and acknowledge warnings through the REST API. If you are building a site wrapper around your community, you can leverage this functionality to ensure that users are unable to post elsewhere on your site if they have unacknowledged warnings within the community (and also to provide them with a way to acknowledge those warnings right on your site).

    The REST API Reference
    Node permissions
    Beginning with 4.4, you will now be able to set the permissions for a node when adding or updating it through the REST API (for example, you can now adjust the permissions for a forum or a downloads category through the REST API). Many clients noticed that while they could create new nodes through the API, the nodes would be unusable until an administrator manually went in and specified the permissions, so this change can eliminate this extra step in many situations.
    Event filtering
    You will now also be able to filter the events you pull through the Calendar REST API endpoints by start and end date (e.g. so you can show events within a specific time frame, such as the current week), and you can now also specify to sort the events returned by the event start date or the event end date.
    Clubs
    And finally, for those who leverage clubs on their communities, we have built in full REST API support for clubs. You can list all clubs, return a specific club, create new clubs, update existing clubs, and delete clubs through the REST API. Further, you can list all members in a club, add a specific member to a specific club, remove a member from a club, fetch the content types available for use within a club (i.e. so you can determine which applications are installed and have club support on a given site), fetch the nodes (displayed as tabs/sections within a club) created within a club, and delete nodes from a club. Important behind the scenes steps, such as generating invoices for members requesting to join paid clubs, are all handled automatically for you when using the REST API.
    We believe these changes will help clients better integrate with our software and open up new possibilities with their websites.
    Would you like us to add any other endpoints? Let us know in the comments below!
  11. Like
    Firdavs Khaydarov reacted to Mark for a blog entry, 4.4: Store Filters and other Commerce updates   
    Allowing your customers to find exactly what they need as fast as possible will no doubt increase sales.
    A good number of our customers use Commerce to sell physical items. Until now, it's always been a little tricky to set up the store to allow customers to drill down into specific items within the store.
    In Invision Community 4.4, the sidebar in the store now includes filter options to help customers find the product they're looking for.

    Using the filter sidebar
    Administrators can set up whatever filters they like for each product. In this video above, you can see we have set up filters for color and price.
    You can set these filters up in the AdminCP by simply specifying each possible option:

    Creating a custom filter
    Once the filters have been set up, you can then add each filter to the categories it applies to (so you can have different filters for different categories) and when editing any product you can specify as many values for each filter as is appropriate (for example, if you have a color filter, you can choose multiple colors if the product allows the customer to choose a color, or if the product has multiple colors).

    Choosing the filter values when creating/editing a product
    In addition to these custom filters, you will also see filters for price (you can set appropriate bands for each category), rating, and stock level.
    Other Commerce Improvements
    In addition, we also have a few more features new to Commerce in 4.4:
    There are new sidebar blocks for best selling products, latest products, product reviews and a featured product. When sending a bulk mail, you can target recipients by the total amount they have spent. Categories with no products in them are hidden automatically in the store. Notification emails sent to customers to let them know their purchase will expire soon (including if they will be automatically charged) have been improved to show more clearly what will happen. When viewing a customer page in the AdminCP, active purchases are separated from expired and cancelled purchases to make it easier to discern which are active. Custom field values are now included on printed invoices. When filtering support requests in the AdminCP, you can now choose "more than" or "less than" for all time-based filter options. When using stock actions to reply to support requests, the stock reply can be incorporated into the staff member's default reply content rather than overwriting it. Invoices in the AdminCP can now be filtered by status. This blog is part of our series introducing new features for Invision Community 4.4.
  12. Like
    Firdavs Khaydarov reacted to Matt for a blog entry, 4.4: Turbo charging loading speeds   
    It might seem a little odd starting a blog on increasing Invision Community's speed with the word "lazy",  but I'll explain why this is a good word for performance shortly.
    Earlier this year, Google announced that page speed is a ranking factor.
    Simply put, if your site is slow, it will be ranked lower in Google's search results.
    It is always a challenge making a large application like Invision Community as efficient as possible per page load. A single Invision Community page can pull in widgets from multiple applications as well as a lot of user-generated content with attachments, movies and images used heavily. 
    This is where being lazy helps.
    Lazy loading is a method by which attachments, embeds and images are not loaded by default. They are only loaded when the viewer scrolls down enough to make them visible.
    This allows the page to load a good deal faster now it doesn't have to load megabytes of images before the page is shown as completely rendered.
    I was going to take a fancy video showing it in action, but it's hard to capture as the system loads the media just before you get to it, so it looks fairly seamless, even with sluggish connections.

    Not the most dynamic image, but this shows the placeholder retains the size of the image
    In addition to image attachments, we have also added this lazy loading to maps and Twitter emoji images.
    Improving non-image attachments
    Once we had implemented the lazy loading framework, an area we wanted to improve was non-image attachments.
    We have listened to a lot of the feedback we had on this area, and have now made it very clear when you add an attachment into a post. We've even returned the download count now it's being loaded on demand.

    Using attachments when posting
    All the letters
    When we first implemented the letter avatars in 4.3, we discussed whether to use CSS styling or use an image.
    We decided to go with an image as it was more stable over lots of different devices, including email.
    We've revisited this in 4.4, and switched the letter avatars to SVG, which are much faster to render now that the browser doesn't have to load the image files.
    Other performance improvements
    We've taken a pass at most areas with an eye for performance, here is a list of the most significant items we've improved.
    Several converter background tasks have been improved, so they work on less data Duplicate query for fetching clubs was removed in streams Notifications / follower management has been improved Member searches have been sped up (API, ACP live search, member list in ACP, mentions, etc.). Stream performance has been improved UTF8 conversions have been sped up Elasticsearch has been sped up by using pre-compiled queries and parameterisation, as well as the removal of view filtering (and tracking) HTTP/2 support with prefetch/preload has been added Several PHP-level performance improvements have been made Implemented rel=noopener when links open a new window (which improves browser memory management) Several other performance improvements for conversions were implemented that drastically reduce conversion time IP address lookups now fetch IP address details from us en-masse instead of one request per address Cache/data store management has been streamlined and centralised for efficiency Many background tasks and the profile sync functionality have all been improved for performance Brotli compression is now supported automatically if the server supports it Redis encryption can now be disabled if desired, which improves performance Phew, as you can see, we've spent a while tinkering under the hood too.
    We'd love to hear your thoughts. Let us know below!
    This blog is part of our series introducing new features for Invision Community 4.4.
  13. Haha
    Firdavs Khaydarov reacted to Matt for a blog entry, Team Talk: Show us your workstation   
    You have probably spoken to us in support tickets and on our community forums, and you've likely seen our photos.
    But what about our workstations? What do they reveal about our personalities? Do none of our team have lights in their office?
    Mark H
    This is an old picture [Not as old as your Facebook photo -Ed], I now have a 4K monitor in the center, attached via Thunderbolt to my MBP. But that image was taken when I used my PC, a now-old EVGA x79 Dark mobo, i7 3930k, twin GTX 580's, and all watercooled.
    When I game, I swap out the leads so the PC can use all 3.
    At the moment I'm revisiting an old, but still apparently very popular game. Elder Scrolls: Oblivion.

    Where's the light switch?
    Marc S
    For my main machine I have a late 2014 iMac with 2 x iiyama external monitor, which I spend most of my day on.
    When out of the house or just generally wanting a break from the office, I have a MacBook pro. Great for what it is, but I hate sitting on a laptop [You're supposed to sit in front of it -Ed], so I'm generally found hiding away in my office.
    When I'm not responding to tickets from you lovely lot, I'm generally doing some of my own development. As a Windows developer primarily [That explains a lot -Ed], I have parallels desktop set up so I can work with visual studio and sql server as if they were native mac applications. I also spend a fair amount of time with Ableton live and Logic, where I play about with trance production, as its something nice to immerse yourself in during spare time.

    Who let the dogs out?
    Jim M
    The few, the proud, the Windows users of IPS [We only keep them so we can assign all IE bugs to them -Ed]. Love my two 27" Dell monitors. Plan to add a third eventually. I may also be a big Tom Petty fan.

    Our Tom Petty fan
    Matt M
    I switched from a desktop only set up to the new retina MacBook Pro last year. It's nice to work in the office with the LG monitors but have the flexibility of unplugging and taking the MacBook with me to work elsewhere [What? Like the garden? -Ed]. 

    Clowns, Drug Lords and Funny Men
    Daniel
    It took hours to clean up for a picture. [This is literally all Daniel supplied as text for this month's blog. For example, he could have pointed out the little keypad thing shown under the right hand monitor which acts like an app launcher, but didn't. So thought I would -Ed]

    Precise angles and a lot of work to clean up
    Ryan
    My office is actually going through a slow renovation process so that it can double as an office as well as a studio, so this will all likely change in a few months (you can see color swatches for paint options on the left) [We can't see anything. You have an expensive Philips Hue set up but clearly never switch it on -Ed]. I'm currently working through a Late 2014 iMac Retina 5k, and apparently I'm one of the few that doesn't have any external monitors (I used to, but I find them cumbersome most of the time, so I took them down [Were you holding them up yourself? -Ed]). When working remotely, I use a 2011 13" MacBook Pro.
    My favorite thing, though, is the "poster" I have on the right - my father gave it to me for my thirtieth birthday this year, and it's actually a sheet of uncut one dollar bills (funnily enough, though, there are actually 32 rather than 30).

    Coke and Coffee
    Mark W
    I'm currently in the process of moving from the UK to Australia so I don't really have an office right now, but this is what my office back home looks like [it's always this tidy. He is obsessive -Ed]:

    Captain Raymond Holt
    Jennifer
    2 x 32" inch curved Samsung Monitors a 4K Samsung Smart TV. Razer Chroma Keyboard, Razer Chroma Death Adder, Corsair Yellow Jacket Headphones and a really awesome PC.
    I am basically surrounded by screens [FYI, keep an eye on J.A.R.V.I.S, he has a Vision -Ed].

    Tony Stark's first set up
    Stuart
    Up until this month my wife has been studying in Cardiff, so half of my time has been spent working on a dining table in our apartment [Can't wait to see how the table turned out, if you've spent a month on it -Ed].
    Now, back home I have my desk set up with the worlds largest laptop [Dear reader, you have no idea -Ed](i7-4720HQ, GTX960M, 16GB Ram, 17.1" 1080p)  connected to an external 22" 1080p monitor. We're still in the middle of restoration so my office is really the lowest priority buy my long term plans include a standing desk, Surface Book 2 (or similar) with twin external 4k displays. Those two PC towers aren't really used anymore (one is Windows Server 2008 which used to be used as a local file server, the other is my old gaming PC)

    We're huge fans of LEGO®
    Andy
    Like Mark I’m constantly on the move so my working environment tends to be wherever I can find that’s quiet with a good Internet connection. When I’m “home” though my office looks like this: [Seriously, switch on a light -Ed]

    Dark and moody, just like his coffee
    So there we go. We've exposed our team's set ups, expressed our concern about a lack of lighting in many offices and found out who had to tidy up their desk before taking a photo.

    We'd love to see your workstations too, post them below!
  14. Like
    Firdavs Khaydarov reacted to Matt for a blog entry, How to use Invision Community content in Wordpress in under 5 minutes   
    If you've already got a Wordpress website, and have recently added an Invision Community, you might want to show recent posts or topics right on your Wordpress site.
    You might think this involves complex programming and custom themes, but thanks to some Pages magic, it's a very simple task that you can do in under 5 minutes.
    This very short video walks you through the process.
    If you'd prefer a written step by step, then head over to our help guides.
    As you can see, the whole process is very quick and very easy. Adding the latest topics on your site is a great way to drive discussion into your Invision Community.
    Let us know if you have any questions!
  15. Like
    Firdavs Khaydarov reacted to Andy Millne for a blog entry, 4.3: Engagement Improvements   
    As we come close to wrapping up development of Invision Community 4.3, we wanted to let you know of a few smaller improvements we've made to increase engagement to your community.
    Email
    Despite fancy new things like social media and push notifications, trusty old email has been proven to be highly effective at getting repeat visitors to your website.
    It's one of the reasons Invision Community has built in email support for notifications that can be sent instantly, or via daily or weekly digests.
    Email should form a part of every community marketing strategy but curating content and building newsletters can often be a labor intensive task.
    With Invision Community 4.3 we have added some additional automated email tools to help your users discover more of your carefully crafted content.
    Highlight the best content from throughout your community
    In 4.2 we introduced the concept of curated content with promotions and “Our Picks”. With 4.3 we’ve taken this a step further and these promoted items will now appear directly in your content related emails. 
    This allows for your audience to be enticed back to your community with items that they may not have read but holds interest.

    Capture return visits with interesting content
    Social media links in email footers
    If you look closely in the image above you will also see that you can now optionally include links to all of your social media sites within the footer of all of your outgoing emails.
    Both of these new features are enabled by default but can be disabled in the email settings section of your admin control panel.
    Email may be as old as the web itself, but it is a very powerful medium to get your audience coming back for more.
    Respond to Reviews
    We added the ability to leave a review to Pages articles, download files, calendar events and in other areas early on in Invision Community 4. The concept was to allow your members to engage in new ways with your content. Reviews on Commerce store items and purchasable downloadable goods is a great way to inspire others to purchase.
    New to Invision Community 4.3 is the ability for the content creator (be that a download file, store owner, etc) to respond to a review. This is a great way to address reviews that may be considered unfair or extreme.

    Matt is talking to himself again
    One more thing...
    Not content with resurrecting the Subscriptions manager from 2009, we've brought back a small detail from previous versions of Invision Community. The famous "this person is typing a reply" indicator in the online list.

     
    We can't wait to release this latest update. With new ways to monetise your community, new ways to engage your audience and better promotion tools, we're excited to see how it's going to benefit your community.
     
  16. Thanks
    Firdavs Khaydarov reacted to Matt for a blog entry, 4.3: Commerce Subscription Manager   
    We've recently spoken about how we've brought our Gallery and Blog apps up to date with interface overhauls to bring them inline with the high standards our customers expect.
    Keeping this in mind, we're thrilled to announce that we've taken Commerce right back to 2009.
    This needs an explanation.
    Way back in 2009, Obama was inaugurated as the 44th President. Minecraft was put into beta, Slumdog Millionaire was released to critical praise and we had a product called IP.Subscriptions.
    IP.Subscriptions was a lightweight member subscriptions manager that allowed members to purchase elevated permissions via a user group upgrade.
    It was a fine little app. However, on the horizon we had a brand new eCommerce app in development. Then called Nexus, now called Commerce (we took months to come up with that).
    It made sense for us to merge the products into one app given they both had overlapping functionality. They both could create packages to promote members to a new user group. Commerce was much more developed as an invoicing and billing system.
    Everyone was happy.
    Almost.
    Commerce has grown to be an incredibly powerful app. It can sell anything from physical products like t-shirts, to digital products such as license keys and it can even manage your hosting set-up.
    We use it for our support and billing systems, so we know how robust it is.
    While it's an incredibly powerful commerce system, setting up basic subscriptions packages became a little more complex.
    Over the past few years we've received a lot of feedback on this.
    We've listened.
    Commerce Member Subscriptions
    We've built a brand new section into Commerce specifically for membership subscriptions.
    Let's take a look at this in more detail.
    On the front end, there's a very clear and easy to understand page for membership subscriptions.

    The main subscriptions interface
    Here you can see all the available packages, which one you're currently subscribed to and the upgrade and downgrade options.

    A simple way to upgrade
    There's several choices for costing upgrades in the Admin CP, here we have chosen to charge the difference between packages.

    Get to your subscriptions easily
    Your subscriptions are easily found in the user menu.
    If the Admin allows, the package you're subscribed to appears as a badge on your profile.

     
    There's also a little widget showing the packages which you can drag and drop to the sidebar for an additional prompt for non-subscribers.

     
    This gives Invision Community a very clear and easy to understand interface for subscriptions which lives outside of the Commerce store and its packages.
    Now, let's dive into the Admin CP
    The main engine for this feature is the package list. This is in a separate area within Commerce.

     
    The list also shows the number of currently active and inactive subscribers. This links to the list of subscribers.

     
    Other than Bob having a total nightmare, you can easily view which members are currently active. The buttons link you to the Commerce invoice and purchase.
    If you wish to add a member to a subscription without charging them (you generous soul, you), then that is easily possible.

     
    Creating a new subscription package is very straight forward. We've built a new form which is stripped down to the fundamental items you'll need for a subscription.

     
    As you would expect, there are several settings to control the system.

     
    A few things worth mentioning here:
    You can force new members to purchase a subscription on sign-up You can show or hide the profile badge indicating which package they purchased. You can choose to allow upgrades or downgrades. You can choose how you'd like to charge for upgrades or downgrades Thank you to everyone who has provided feedback over the years. We're really pleased to present this new feature and hope that it'll make your daily lives just a little easier.
    Let us know what you think!
     
  17. Like
    Firdavs Khaydarov reacted to Stuart Silvester for a blog entry, 4.3: Announcements   
    We have a very important announcement to make!
    There are times where you need to get the attention of your visitors. You might be closed on certain days of the year, performing server maintenance (if you are consider our Cloud Plans, they're excellent) or running a competition.
    Invision Community has always had an announcements feature baked in, but we felt it could be improved.
    Okay, maybe this feature isn't as flashy as some of the others we're introducing in 4.3, but these useful features should make managing your community easier.
    The new look announcement feature replaces the old widgets enabling you to display customisable announcements in any of the following locations;
    Top of the page Above the page content In the sidebar
    The three new announcement locations
    Each location has some slightly different features; the page top banner is dismissible by the member if they no longer want to see it, whereas the banner above the content and the sidebar announcements cannot be dismissed.
    Most of the original customisable features are still available, including the ability to select which applications and pages show certain announcements and which member groups can see them. Combining this with the three new locations gives you much more flexibility for different types of announcements and we've also included the option to customise the color of the announcement.

    New customisable options
     
    The announcements have also been improved to contain more information. Rather than showing an unformatted snippet along side the title, announcements can now be tapped to open a modal showing any further details.

    Modal showing announcement content
    We hope you'll enjoy these useful improvements in Invision Community 4.3. Stay tuned for further announcements (pun intended)!
  18. Like
    Firdavs Khaydarov reacted to bfarber for a blog entry, 4.3: REST API Enhancements   
    "No man is an island" wrote John Donne. He wrote that a good 200 years before computers were invented, but it rings true for any well written framework like Invision Community.
    The included REST API allows developers to fetch data from Invision Community and also allows data to be added.
    This data can be used to power widgets on your website, or to be used within other applications you  are already using in a very simple way.

     
    Several enhancements have been made to the REST API for Invision Community 4.3 that we wanted to let you know about.
    These changes are developer-oriented, so if you do not use the REST API with your community please feel free to skip this update.
    If you would like to learn more about the REST API available with Invision Community, please see our REST documentation.
    Search capabilities
    As previously noted, you can now perform searches through the REST API. You can perform searches based on keywords, tags, or both, and you can limit and filter results with parameters similar to when you perform a regular search on the site (e.g. to specific containers, returning only results over a set number of comments, or searching within clubs).
    Permission awareness
    Several REST API endpoints are now permission-aware when combined with Oauth functionality built into Invision Community 4.3. This means that many REST API endpoints can be called using a specific user's access token, and only results that the specific user would normally be able to see will be returned (and/or they will only be able to submit to areas they normally have permission to). 
    Ability to search members
    While an endpoint has always been available to retrieve (and add/edit/delete) members, the ability to search for members has now been implemented. You can search by name, email address, and (one or more) group(s), and a paginated response will be returned.
    Private conversations
    You can now start a new private conversation, reply to an existing private conversation, and delete a private conversation through the REST API.
    Other REST API changes
    You can now specify member's secondary groups when adding or updating a member through the REST API. You can specify the member's registration IP address through the REST API when adding or updating a member. You can now specify other member properties not directly exposed through the REST API when adding or updating a member by setting the rawProperties input field. You can now specify other member properties to retrieve through the REST API through the otherFields request parameter. The REST API now better logs changes to member accounts (so you will be able to more easily identify how a user's name, email address, password, etc. has changed when looking at the member history). You can now retrieve all content a member is following through the REST API, as well as follow a new container/content item, and delete an existing follow. You can now validate an account through the REST API You can now specify a 'perPage' parameter for paginated responses to control how many items are returned per page.  
    Most of these changes were directly culled from client feedback and implemented per specific requests. If there are other REST API changes you would like to see implemented please don't hesitate to leave your feedback!
  19. Like
    Firdavs Khaydarov reacted to Matt for a blog entry, 4.3: Promote to Facebook Pages and Groups   
    Social media promotion should be a part of any marketing strategy. Curating interesting content from your community and sharing to social media channels like Facebook and Twitter is a great way to drive traffic to your site.
    Invision Community 4.2 introduced Social Media Promotions to allow this. 
    You hit the promote button, fill out the text to share with each service, click which photos to include and schedule the promotion or send it immediately.
    We use this feature almost every single day to share highlights to our Invision Community Facebook page and Twitter.
    This feature has had a significant impact in attracting visitors to our blog. This is now a core part of our marketing strategy.
    So what's new in Invision Community 4.3?
    Facebook Groups and Pages
    A  popular feature request was to allow sharing to Facebook groups that you are an administrator of, as well as Pages you own.
    Not only that, but we now allow you to share to many places at once.
    When setting up Facebook, you can choose which Facebook properties to be used when promoting.

     
    When sharing content, you can choose where to share it to right on the dialog.

     
    Here you can see that we're sharing to two of three possible places. "It's a secret" is a Facebook Group (which makes it a pretty poor secret).
    The "Lindy Throgmartin Fan Club" is my favourite page on all of Facebook. What it lacks in members, it makes up for in enthusiasm.
    You may also notice that the Facebook box is empty. Facebook have very strict guidelines on sharing content. They prefer that you do not auto-populate the content.
    You can always access the item's original content on the promote dialog, so you can refer to it.
    Setting a custom page title
    When you share to social media channels, you also have the opportunity to add to the 'Our Picks' page.
    We've made it possible to add a custom title for the Our Picks page so you don't have to use the content item title, although this is still the default.

     
    Editing an Our Pick
    When editing an item shared to 'Our Picks', you now have the option of editing all the data, including the title and the images attached.

     

    The Our Picks page showing the custom title
    Thanks to your feedback, we saw several places that we can improve this already popular feature.
    We hope you enjoy these changes which makes your social promotion strategy even easier to execute.
    I know we'll be making good use of them!
     
  20. Like
    Firdavs Khaydarov reacted to Mark for a blog entry, 4.3: AdminCP Member Profiles   
    Viewing and editing a member is probably one of the most frequently used features of the AdminCP. With the design unchanged for many years, and the tabbed interface starting to grow unwieldy, it was due for some love. We have not only dramatically improved the design but added many new features.

    New AdminCP Member Page
    Let's look at some of the improvements:
    Easy Toggle between Member and Customer View
    If you have Commerce installed, you can now toggle between "Member View" (which shows the screen above) and "Customer View" (which shows the current customer page in Commerce with the user's purchases, invoices, etc.). This makes it much easier to view all of a member's information in one place.
    If you don't have Commerce installed, the top tab bar will not show.
    Basic Information
    The pane in the top-left shows the member's basic information like name, email address and photos. You can now reposition a member's cover photo and crop the profile photo (functions previously not available in the AdminCP). To change the display name or email address, you just click and hold on the information and a textbox appears. The buttons below allow you to merge, delete, sign in as, and edit the preferences or password for the member.
      
    Basic Member Information Pane
    In addition, this pane lists any social networks the user is logged in with. It shows you the member's profile photo and profile name on that network (for example in this screenshot, it is showing my Facebook profile's photo and name) and for many networks you can click on this to be taken directly to their Facebook/Twitter/etc profile. You can also edit the syncing options for the method and unlink the accounts, features which weren't available previously.
    If you have Commerce installed, there is also an indicator if the user has an active subscription.

    A member with an active subscription
     
    Alerts
    If a member is validating, banned, flagged as a spammer, or locked, a large banner will display drawing your attention to this. For validating and banned, it will explain exactly what the status is (for example, if they haven't responded to the validation email yet versus they are awaiting admin approval, or if they have been banned manually versus are in a group without permission to access anything).

    A member that has been locked



    Other possible alerts
     
    Locations & Devices
    This pane shows you, on a map, all of the locations the user has been when using the community (based on their IP address) as well as the IP address they used to register and most recently.

    IP Address Locations
    While the devices tab shows the most recently used devices.

    Recently Used Devices
     
    Content Statistics
    Right in the middle of the profile you can see some statistics about the member's activity. This includes:
    A sparkline graph of their recent content. Their content count and reputation count (with tools to manually change or rebuild). A breakdown of the amount of content they have made across all applications. A visual indication of how much of their messenger and attachment storage they have used. If Gallery and Downloads are installed, the existing statistics overview provided by these apps are also available here.
    Content Statistics
    Warnings & Restrictions
    This block shows recent warnings on the account, and also highlights if any restrictions (i.e. content moderation, restricted from posting, or application-level restrictions) are being applied, which previously was difficult to see at a glance.

    Warnings & Restrictions Block for an account which has content moderation in effect
     
    Account Activity
    On the right is a pane which shows all of the latest account activity. While this was available in previous versions (called "Member History") we have made some significant improvements:
    The number of things that get logged has been significantly expanded. We now log photo changes, group changes, when a new device is used to login, if an account is locked (by failed logins or failed two factor authentication attempts) or unlocked, password/email/display name changes, when a user links or unlinks a social network login method, initial registration and validation, merges, being flagged/unflagged as a spammer, receiving/acknowledging/revoking a warning, restrictions being applied, two factor authentication being enabled/disabled/changed, an OAuth token being issued if Invision Community is being used as an OAuth Server, enabling/disabling receiving bulk mails, and accepting the privacy policy / terms and conditions, as well as all of the Commerce-related information that is already logged. Much more information is now shown such as who made the change (i.e. an admin, the user themselves, or if it was changed by the REST API or syncing with a social network) and how the change was made (for example, for a password change - if the user used the "Forgot Password" tool or changed it in their Account Settings) and what the data was before and after. This includes being aware of if the change was made by an admin after using the "Sign in as User" tool. You can now filter what information you are seeing to quickly find what you are looking for.
    Recent Account Activity
     
    Extensibility
    The new profile has been designed with extensibility in mind. Third party developers can easily add new blocks our even entire new tabs. Any apps/plugins which are currently adding a tab to the "Edit Member" form will retain backwards compatibility with their tab continuing to appear when clicking the "Edit Preferences" button in the basic account information pane.
  21. Like
    Firdavs Khaydarov reacted to Mark for a blog entry, 4.3: Videos   
    Videos are everywhere. We shoot them on our smart phones, share them to social media, messengers and more.
    Up until now, the only way to share a video to Invision Community was to use a service like YouTube or Vimeo. If you uploaded a video file it would be treated like an attachment, and if the user clicked the link it would download it to their computer.
    In Invision Community 4.3 we've improved this. Now if you upload a video file (mp4/3gp/mov/ogg/ogv/mpg/mpeg/flv/webm/wmv/avi/m4v), it will embed similarly to an image.

    Uploading a video
    When viewing an uploaded video, if it is in a format that the user's browser and platform natively supports, it will show an embedded player. This will have all of the features supported by the operating system - for example, almost all browsers support fullscreen, and Safari supports Airplay and picture in picture.

    An uploaded video
    If the video is in a format not supported, it displays exactly as it does now - as a download link.

    An uploaded video in a browser without playback support for that format
  22. Thanks
    Firdavs Khaydarov reacted to bfarber for a blog entry, 4.3: Leverage your data with our statistic improvements   
    "The world’s most valuable resource is no longer oil, but data", the Economist wrote recently.
    Invision Community software stores a lot of important data that can be leveraged to analyze and improve upon the traffic and interactions with your site.
    While there are some various statistics tools in the AdminCP already, we spent some time with 4.3 enhancing and improving upon our existing reporting tools, as well as adding some new analytics tools you may find useful.
    Chart Filters
    Beginning with 4.3, any dynamically-generated charts in the AdminCP that support filtering will allow you to save those filter combinations for easier access in the future. When you open the Filters menu and toggle any individual filters, the chart will no longer immediately reload until you click out of the menu, and 'All' and 'None' quick links have been added to the filters menu to allow you to quickly toggle all filters on or off.
    Here is the 'Sales' chart for Commerce, for example. You will see that the interface is now tabbed.

    Commerce's Sales chart
    After opening the 'Filters' menu, selecting all of my products named 'test', and saving this filter combination as a new chart, I can quickly come back to this chart in the future.

    Specific filter configurations allow you to run reports easily
    Note that each user can save their own chart filter configurations independent of other users.
    Top income by customer
    Speaking of Commerce, we have also added a new chart to the 'Income' page, allowing you to view reports of your top customers. As with other dynamic charts, you can save filter configurations here for easy future access, and you can view the results as a table to get a raw list of your top customers' purchases. Further, we have tidied up the table views for the other existing tabs on this page.

    Looks like brandon is my top customer
    Reaction statistics
    We have introduced several statistic pages to expose information about the Reactions/Reputation system and how your users are interacting with it. For instance, you can now view information about usage of each of the reactions set up on your site.

    Yes, I'm definitely confused a lot
    You can also see which users give and receive the most reputation (which is the sum of their reaction points, keeping in mind that negative reactions can reduce a user's total reputation score), you can see which content on your community has the most reputation (which might prompt you to promote it to the 'Our Picks' page, promote it to social media, or otherwise continue to encourage interaction with the content), and you can see which applications reactions are given in the most. This could allow you, for instance, to focus more efforts in areas of your site to drive more activity, or to foster activity in areas you did not realize were as active as they are.

    Some areas of the community aren't as active as they could be
    Additionally, when viewing user profiles on the front end you can now see a breakdown of which reactions each user has given and received when you click the "See reputation activity" link in the left hand column.

    Apparently I'm not so much confused, as I am confusing
    Tag Usage
    Another useful statistic introduced with 4.3 is the ability to review tag usage on your community. As with other dynamic charts, you can filter however you like and save those filter configurations for easy future access.

    Not all tags are equal
    Trend charts for topics and posts
    When viewing the New Topics and New Posts charts, there are now tabs for "New Topics by Forum" and "New Posts by Forum", allowing you to see which of your forums are the most active. Additionally, you will see a trend line drawn on the chart to show you the trend (e.g. whether activity is increasing or decreasing). You can also filter which forums you wish to review, so you can compare your most active forums, the forums that are most important to your site, or the forums that need the most attention/may not be relevant, for instance.

    Viewing new topics by forum

    New posts by forum, but viewing only a subset of my most important forums
    Other Improvements
    Some other miscellaneous improvements have been introduced as well, which you may be interested in:
    When viewing Member Activity reports, you can now filter by group. We have also added the content count column to the table so you can quickly sort by top posters if this is relevant to the report you are running. Device usage is now also tracked (mobile, desktop, etc.) and can be viewed on a new Device Usage page. Developers: Dynamic charts now support database joins
  23. Like
    Firdavs Khaydarov reacted to Matt for a blog entry, 4.3: Automatic Community Moderation   
    One huge benefit of running your own Invision Community is the moderation tools.
    Out of the box, Invision Community allows you to turn members into moderators. Better still, you can define what these moderators have permission to do.
    Part of this moderation suite is the report system. The report system allows your members to flag posts that need a moderator's attention.
    There comes a time when your community is so successful that it can be a little tough to keep up with all the content and reports.
    Community Moderation
    This new feature leverages your member reports to automatically remove objectionable content from public view.
    You as the admin will define thresholds for the content. For example, you may say that to hide content, a post needs 5 reports.
    This reduces the workload for your moderators and enables you to crowd source moderation.
    Let's take a look at this feature in a little more detail.
    Reporting Content
    When a member reports a piece of content, they now have the option to set a type, such as "Spam" or "Offensive". These options can count towards the threshold. Once the threshold has been passed the item is hidden.

    The threshold can be set up by creating rules in the Admin CP.
    Admin Set Up
    At its heart of the system are the rules. You can create custom rules in the Admin CP to determine the thresholds.

    For example, you may decide that:
    A member with less than 10 posts only needs 5 reports to hide the content.
    But you may want to give more experienced members a higher threshold as there is more trust.
    You simply add a new rule:
    A member who joined over a year ago with over 500 posts needs 10 reports to hide content.
    You can do that easily with the rules system as it will scan them all and pick the one most suitable for this member.

    It's as simple as that.
    Notifications
    Once an item has received enough reports to match the threshold, it is automatically hidden from view.

    A notification is sent to all moderators who opt in for notifications. This notification shows inline in the notifications center.

    It can also optionally be sent via email for those who want to know without checking the site.

    Restoring the content
    Of course, a moderator may decide that the content is fine and un-hide it. Once a piece of content has been un-hidden, automatic moderation will not hide it again.
    Report Types
    Depending on your community, the default types may not be suitable or relevant. You may also want to set up other report types.

    You can do this via the Admin CP.
    Preventing Abuse
    Your first thought may be that a single member can report a single item multiple times to force content to be hidden. 
    The system will only count a unique member as one point towards the threshold. This means a single member can report an item 5 times, but they are only counted once towards the threshold.

     
    You can also set a time limit between reporting the same item. This will prevent a member reporting a single item multiple times in succession.

    Of course, the member can delete their report if it was in error.

    Report Center
    The Report Center is the hub for all reported content. Invision Community 4.3 adds a filter to view a specific report type. The reports themselves also show the type of report.

    We hope that this new feature will be a huge help and time saver for you and your moderators.
    We'd love to hear your thoughts, please let us know what you think and if you have any questions.
  24. Thanks
    Firdavs Khaydarov reacted to Mark for a blog entry, 4.3: Sign in from other sites using OAuth   
    The best way to convert guests into members is to make the onboarding process as simple as possible.
    Over the years, we've added special log in methods for Facebook, Google, LinkedIn and Microsoft. We've carefully hand coded these integrations to allow guests to sign up with just a few clicks using services they're already a member of.
    These services used to use proprietary methods to link with other websites, but a new standard has emerged.
    OAuth
    You may not know it, but you're probably familiar with OAuth already. If you have enabled the ability for users of your community to sign in with their Facebook, Twitter, Google, LinkedIn or Microsoft account, you may have noticed that the process for setting up each of these is quite similar. This is because they all use the OAuth protocol.
    In Invision Community 4.3, we are introducing several exciting new features:
    In addition to all of the existing social networks above, which retain their "easy setup" status, we have also added Wordpress. Users on your community can now sign in with any Wordpress site you control (you will need to install a Wordpress plugin to enable OAuth capabilities). As well as those "easy setup" options, we have also added the ability for you to allow users on your site to sign in with any OAuth 2.0 based provider. This means, for example, if your community is based in a location where other social networks are popular, if they use OAuth, you can set those up too. While the setup is a little bit more complicated, this doesn't require any custom programming - you'll just need to find out a few more pieces of information from the provider (an example is provided below). Invision Community itself can now also serve as an OAuth 2.0 server so you can set up other sites to be able to facilitate logins using credentials from your community. This works in conjunction with our REST API, allowing you to make API calls as an authenticated member, which will return just the information that user has access to. With the ability for Invision Community to serve as both an OAuth server and client, this now provides standard integration for multiple Invision Communities together, which will now replace the old IPS Connect feature. We have also taken this opportunity to make a few other minor tweaks to login, registration and account management features, especially for communities which rely heavily on non-standard login methods (more details below).  
    Setting Up a Custom OAuth Provider
    For this example, I'm going to use vk.com, which is a popular social network in Europe. While Invision Community doesn't provide this as one of the "easy setup" options, it is based on OAuth 2.0 so we can use the new functionality in Invision Community 4.3 to set it up.
    In older versions, the list of login handlers in the AdminCP had all of the providers listed with enable/disable toggles - because now you can add as many custom handlers as you like in 4.3, it's now a list where you can add/delete options:

    Login Handlers List
    When clicking the "Create New" button, you'll see all of the different handlers Invision Community supports. Since vk.com isn't in the list, but is still OAuth 2.0-based, I'll choose the "Other OAuth 2.0" option:
     
    Choosing a Login Handler
    You'll now need to use the documentation provided by the site you want to integrate with to fill out this form. While no custom programming is required, the documentation is usually quite technical in nature - but you only need a few key pieces of information. We anticipate that for some of the more popular options, guides will be provided to help you find the information you need.
    I have created an application in vk.com's developer center and so I will copy and paste my credentials into the form:

    Inputting vk.com credentials
    I then need to find the endpoints from vk.com's documentation and input those too.

    Inputting vk.com endpoints
    Next I need to find the endpoint where I can access the user's information within their API and the parameters they are returned by. The only required piece of information is an ID, but you can also provide the parameters for accessing the display name, email address and profile photo. If display name/email address isn't available/provided, the user will be asked for this the first time they sign in. vk.com's API doesn't provide access to the email, but I can use the screen name as the display name, and they do provide access to the photo:


    Inputting vk.com User Information Endpoint and response parameters
    Finally, provide a logo and a color for the sign in button and some final settings:

    Inputting vk.com Logo and Button Color
    And now vk.com login is set up. A button will now show up on the front end which I can use to sign in. I didn't provide a way to access the email address, so on the first sign in, the user will be prompted to provide that, but the screen name and profile photo from vk.com will be used:

    Signing in with vk.com
     
    Using Invision Community as an OAuth Server
    You can also set up Invision Community itself to be an OAuth Server. This may be useful for two main reasons:
    If you want to integrate two communities together, or integrate with something else which supports adding custom OAuth clients. If you are a developer and want to use the REST API using OAuth for authentication rather than an API Key. You can either make requests as an authenticated user (by obtaining an access token) or using Client Credentials. The screenshots below show the full capabilities which are quite technical and mostly aimed at developers. If you will just use this feature to link two communities, don't be concerned if it looks too complicated, an easy-to-follow guide will be available to achieve that.
    You will set up the clients from the AdminCP:


    Setting up an OAuth Client
    When creating the OAuth Client, you can control which scopes are available, and which endpoints of the REST API they provide access to:

    Defining OAuth Client Scopes
    The login process is then the standard OAuth flow, and users have the ability to view authorisations in the account settings:

    Authenticating an OAuth Client
    The REST API has new and updated endpoints to be aware of the authenticated user:

    A new REST API endpoint which returns details of the currently authenticated user

    An updated REST API endpoint which, when called using OAuth authentication, will only return data the authenticated user has access to
     
    Other Login System Tweaks
    Users can now choose if they want to change their local display name or email address if it is changed by an external login method (or the administrator can choose this behaviour). If there is an issue with this (for example, it wants to change the email to one that is already taken), or profile photo syncing, this is now better communicated to the user. You can now control per-login-handler if new registrations are allowed using it. This addresses some confusion from previous versions as to if the "Allow New Registrations" setting applies to accounts being created by social network logins. The Standard login handler can be disabled if you rely totally on an alternate login method. To allow this to happen:  All areas where a user is prompted to re-enter their password (some areas of the account settings) now allow reauthentication using any login handler. You can disable local registration but still allow accounts to be created by other login handlers, or redirect users to an external URL to register an account. You can also disable or redirect to an external URL for changing email address / password or the Forgot Password tool. You can now create multiple instances of the external MySQL database and LDAP login methods which have also had some other minor tweaks: The external MySQL database handler now has PHP's password_hash() function as an available option for password encryption type, and defining a custom encryption method is now much easier, done entirely in the AdminCP without needing to modify PHP files. You can now choose if changes to the local display name / email address / password is synced back to the external database / LDAP database. You can optionally show these handlers in the Account Settings pages like other login handlers to allow users with an existing account to link their accounts. You can define a Forgot Password URL for the external database which the user will be redirected to if they try to use the Forgot Password tool and that is how their account is authenticated. 
  25. Thanks
    Firdavs Khaydarov reacted to Matt for a blog entry, 4.3: Welcome to the future, blog!   
    Good news!
    We've taken Invision Community's Blog app by the scruff of the neck and dragged it into 2018!
    There has been a growing trend for imagery to play a very important part of a blog entry. This update reflects that.
    Introducing Grid View
    We have added a new view that shows your blog entries as cards with space for a cover photo.
    We've very visual creatures, and a good photograph can entice readers into your blogs to read more. 
    As you would expect, you can disable this mode from the Admin CP for purists that prefer the traditional list format.

     
    For those who's sense of adventure runs deep, the new grid mode allows you to show a list of latest blog entries as the blog home page.

     
    This puts valuable and engaging content right in front of your audience.
    This list view persists when you view a blog's entries giving a consistent feel.

     
    Viewing an entry
    We've given the blog entry page a little make-over by featuring the cover photo above the content. The slimmed down blog details bar allows your audience to focus on the content.

     
    Default Cover Photos
    You may have spotted that entries without a cover photo have a rather fetching geometric pattern in different colors.

     
    This is a new micro-feature of Invision Community 4.3. Currently, if you do not have a cover photo on a blog, profile or event, the bar is a rather sad shade of black.
    The new default cover photo feature makes it much more cheerful. Here's what a profile looks like.

     
    Much better.
    Here's a few technical details for those that love to know all the things.
    The grid view feature can be turned off in the ACP (but doing so will make me very sad) You can choose the default home page view: Latest Entries or List of Blogs. You can still view a list of blogs when you're on the latest entries page. This choice is stored in a little cookie (GDPR friendly, it doesn't contain any identifying data) so navigating back gets you the last view you chose. Let us know what you think! We love it, and hope you do too.
×
×
  • Create New...