XF 2.1 Reactions 👍😍🤣😲🙁😡

Welcome to the third in our "Have you seen...?" series for XF 2.1. We've had a phenomenal, er, reaction, to what we've shown so far. In case you haven't seen our previous two entries, you can check them out here.

As ever, to ensure you're kept up to date, we strongly recommend giving that "Watch forum" link a poke here and enabling email notifications if you haven't done so already 🙂

Today we're going to show you something that we have been talking about doing internally for quite some time - content reactions. This concept has been popular with XF users for a long time and has spawned some popular add-ons. We have quite possibly been talking about doing it since long before it was popularised by Facebook so, finally, here we are 🙂

Let's first look at how Reactions are set up in the Admin CP:

1539619702913.webp

As you can see, we've not exactly gone overboard in terms of the reactions we're shipping by default, but this felt like a sensible selection. We've added a concept of being able to assign either "Positive", "Negative" or "Neutral" to each reaction and although some of the default reactions have negative connotations, we decided not to assign any of them as "Negative" by default.

But, let's look at adding a new negative "Dislike" reaction:

localhost_21x_admin.php_reactions_add.webp

The process here should be fairly familiar if you have ever added new smilies as it uses a very similar approach for referencing the image/sprite. For your convenience we have included a "Dislike" icon in the sprite sheet should you wish to add it yourselves.

Most of this is self explanatory, but you will see we can also specify a "Text color". You'll see this in action... now!

21reactions.gif

The behaviour of the "Like" button isn't significantly different. You can still just click/tap the button to give a like (or remove the selected reaction) but to access other reactions you can hover over the link (or tap and hold on touch devices) and a tooltip will be displayed with your active reactions.

The "Text color" value we mentioned before is applied here to indicate your selected reaction. It is also displayed in the alert templates for reactions:

Screenshot 2018-10-15 at 18.45.54.webp

We have also redesigned the reaction summary:

Screenshot 2018-10-15 at 18.58.33.webp

And the reaction overlay with a new tabbed design:

Screenshot 2018-10-15 at 19.02.20.webp

And, of course, Reactions are sent through push notifications (if not opted-out):

live.browserstack.com_dashboard (3).webp

We also show a summary of the most popular reactions (up to 3) on the thread list:

localhost_21x_index.php_forums_main-forum.2_.webp

Finally, you'll notice that the primary statistic listed on member list items, member tooltips and member statistics is no longer just a simple "like count" but instead we're now tracking an overall "Reaction score".

This metric is the total number of positive reactions minus the total number of negative reactions.

localhost_21x_index.php_members_&key=highest_reaction_score (1).webp

Most of this is self explanatory so we're probably ok to leave it there without going into too much detail.

Still quite a bit more to go, so we'll see you again later this week for more 🙂

Developers: you may be wondering about a few technical details. We have a special HYS for you guys in a couple of weeks focusing on a bit more detail for some miscellaneous power user/developer changes, so stay tuned for that!
 
Just what I said.. You want the Xenforo team to drop a PM to 3rd party developers (those were your words) if they have something in the works?
And like I said, there is no need for a list. You still haven't explained why there needs to be a list, when it's possible to use the search.


Fillip
 
Reactions do not affect the sorting of any posts or other content.

Though the concept of "First post likes" has been replaced with "First post reaction score".

The reactions in the thread list represent a summary of the reactions given to the first post.

Is the score only based on likes? On positive reactions or the total score based on + and - votes
 
Has there been any thought to allowing users to simply upload an image for the reaction? I suppose it'd be nice to be able to upload in other parts of the ACP as well.
Not really at the moment but you’re right that if we did it here we’d have to do it for other similar features, even for things like style props (which is obviously then tricky due to the import/export stuff). But of course it’s usually a given that an admin would be able to fairly quickly just upload their image direct to the server so I’m overall not sure how useful it is.
 
Is the score only based on likes? On positive reactions or the total score based on + and - votes
The reaction score (in all of the places it is logged) is the sum of positive reactions minus the sum of negative reactions.
 
Off-topic but I realized this a minute ago. First time seeing such a url:

1539723765427.webp

1539723802510.webp


How would one type that url if one wanted :D.
 
Off-topic but I realized this a minute ago. First time seeing such a url:

View attachment 185618
View attachment 185619

How would one type that url if one wanted :D.
https://xenforo.com/community/threads/154898/ ;)

Or even https://xenforo.com/community/threads/whatever-you-like.154898/

Will it require an attribution to emojione.com to use emojione sprite sheet?
Bear in mind we already use EmojiOne in smilies.

But, no, we have a commercial license that doesn't require it.
 
Top Bottom