[UW] Smileys Bar

xF2 Add-on [UW] Smileys Bar 2.2.2

No permission to download
Compatible XF Versions
2.1, 2.2
Visible Branding
Link XF Versions
XF2.1: https://enxf.net/resources/uw-smileys-bar.1657/version/7294/download
Smileys Bar for text editor allows faster, easier access to the smileys without covering the text area.

No more covered text when trying to insert a smiley!

Smileys Bar takes the whole XF smileys default functionality to the next level. The main purpose of this add-on is to add to the bottom of the text editor a bar with the most common, most used smileys (Recently used, XF default smileys/Uncategorized smilies) that are always visible so you have fast, easy and convenient access to them and without covering the text area.

XenForo 2.2 design:

XenForo 2.1 design:

We took the extra mile to make this add-on work great for custom smileys. You can set a specific size and spacing for each of your custom smileys category. Sample on a dark theme:

Example. While the stock XF emojis keep their default size and spacing, the animated images below have their size set to 78x44px with spacing of 5px:

A magnifier button on the right side of the Smileys Bar, when selected (in blue colour), will insert xF stock emojis into the text editor in max size, and that is 64px. You can have smaller size, if you want, it is admin configurable. And it has also user group permission so you can allow this only for a user group of your choice.


1.) Turns on/off the Smileys Bar - in the admin under Options you can activate this add-on. Once activated, clicking this smiley icon turns on the Smileys Bar. Once turned on, it will stay turned on until you turn it off clicking this smiley icon.
  • Force Open the Smileys Bar
In Setup -> Options -> Smileys Bar you can set the option that will keep the Smileys Bar open for the users all the time by default. So if someone turns off the Smileys Bar, after a page refresh the bar will be back.

2.) Recently used smileys on the left of the separator and XF default smileys on the right.

3.) Turns on/off the smileys menu.

4.) Smileys Bar - contains Recently used smileys on the left of the separator and XF default smileys on the right.
- in the admin under Content -> Smilies, you can add, hide, move, sort or even replace the smileys in the Smileys Bar with your own, custom smileys.
The rest of the categories is in the smileys menu (#7) below.

5.) categories bar - links with faster access to the the particular category.

6.) search bar - in the admin, under options, you can turn off this bar. The "x" next to the search bar closes found smileys.

7.) smileys menu - works similar way as WhatsApp web. In the admin, under options, you can set up how tall this menu you want to have.

- you can also hide the smileys menu with the standard Xf feature in Setup -> Options -> Messages

  • all custom categories appear in the smileys menu between the stock categories but not in the Smileys Bar.

There is however an option to add any smiley from any custom category to the Smileys Bar:

By default, in the Smileys Bar, will be included whatever smileys are in the category "Uncategorised smilies" and Recently used.

Also during the import process you have the option to check to show a smiley in the Smileys Bar.

You can control the order of the smileys in the Smileys Bar via the display order number:

  • This add-on is compatible with the add-on, [UW] Forum Comments System.
  • This add-on has been made also compatible with the add-on, Editor & BB Code Manager.
Last update
5.00 star(s) 1 ratings

More resources from ENXF NET

Latest updates

  1. [UW] Smileys Bar 2.2.2

    Fixed: There was a CSS issue with the bottom border when editing threads and when the SB was closed.
  2. Version 2.1.1

    When toggle BB code, the BB code kept multiplying always when you had text with different color...
  3. UW - Smileys Bar 2.1.0 released

    Option to add any smiley form the smileys menu emojis categories. In the admin, under Smileys...