Using own reaction icons is not intuitive

[R-J]

As far as I can tell the list of reactions is hard coded into ActionController->edit(). If you know some CSS you can see that with defining your custom css class you would be able to use your own icon as a reaction. But you need to know that, there is no hint at all.

I would suggest to open the reaction edit/add view not a a popup but as a full view so that you can make use of the helpAsset() helper function in order to give a short example.

• Upload your image into the /uploads folder
• Create a css style either in your custom theme or with the Pockets plugin or the CSSEdit plugin
• Put the name in the Css Class field

That might be too bloated and maybe putting that as an additional pargraph below the edit/add form control would be better. Eventually that could come with an example

[bleistivt]

It is actually planned to make the reaction edit screen similar to the badge screen where you can upload your own icon. I was kind of hoping for dashboard SVG uploads https://github.com/vanilla/vanilla/issues/6089, but that issue got eaten by the stale bot.

Still, simply swapping Gdn_UploadImage for Gdn_Upload might work.

[bleistivt]

@R-J Just saw your topic here: https://open.vanillaforums.com/discussion/38275/yaga-how-to-use-custom-icons-for-reactions

UTF-8 emojis are an intriguing alternative too... I'm thinking about something that would enable users to do both from the UI.

Maybe an image upload and a text alternative (if no image is supplied) which would otherwise become the alt attribute?

[bleistivt]

https://github.com/bleistivt/yaga/commit/ce23d11a72b293f0619cc732a98e7eb41118d5fe implements the proposed system