The Happy Place - Clickable Smilies Under Editor Control

[inph]

The Happy Place -- Clickable Smilies Under Editor Control
* 1.0 - 20/11/2010

* Tested on:
XenForo 1.0.0 Beta 3
Firefox 3/4
Chrome
IE8

* Description:

This addon adds an expandable clickable smilie box beneath the tinyMCE editor control.
If you want to know more I'd suggest you read the addon request Smilies Under type box.

* Test Board Demo (registration required, no email verification necessary):

http://doesnotexist.net/xf/

* Screenshot:


(thanks Shelley for the updated preview with uniform smilies)

The "done at 7am" preview is:

----------------
* Changelog *
----------------

1.0 - 20/11/2010 - Initial Release
2.0 - 01/02/2011 - Update by Kier, see revised instructions at the end of this post.
2.0.1 - 02/02/2011 - Minor CSS fix from Kier
3.0.0 - 22/02/2011 - Update by Kier, no need to edit templates any more!

-------------
* Credits *
-------------

Shelley - Original idea, mock ups, testing and styling
Iuv - Styling, design ideas and the addon name
inph - Coding and rest of the mess

* Donations Welcome:
http://inph.net/donate/xenforo/

----------------

February 1, 2011​

​

Seeing as a lot of people have been waiting for this to be updated since Beta 6, I figured I'd give inph a hand and rewrite The Happy Place using slightly more standard XenForo techniques, which will hopefully give him a framework to continue development.​

​

Version 2 is now attached to this thread, and is compatible with the latest versions of XenForo including the 1.0.0 Release Candidates. It includes some slight alterations, such as the use of the new .xfSlideIn() function for an improved appearance of the smilie box sliding into place.​

​

See the enclosed README version 2.txt for revised installation instructions.​

​

Kier​

​

----------------

February 22, 2011​

​

I have just updated this plugin again to make better use of XenForo's plugin architecture. Functionally, The Happy Place is the same as it was at version 2, but now there is no need to edit any templates, as The Happy Place can be applied entirely through XenForo's template hooks system.​

​

Installation now involves uploading a TheHappyPlace directory to your XenForo library directory, and importing the new add-on XML. That's it.​

​

Make sure you revert any templates you previously customized for The Happy Place, or version 3 won't work.​

​

Kier​

 

[Shelley]

Excellent add-on which I had the privilege of testing before hand. This add-on seriously does reduce the amount of time when submitting smilies so it's a real nice time saver so user-friendly. Very nice job inph,

 

[Russ]

LOVELY I'm glad to see requests are being filled!

 

[iTuN3r]

Wow great thumbup guys for all of your efforts whoever was involved in it

 

[Allan]

Excellent !

Thank you for this mod

 

[anotheralias]

I hate to think how much work that was! Thank you so much, your time is very much appreciated.

 

[Anthony Parsons]

Seriously... LEGEND!

 

[Anthony Parsons]

Does this by any chance come with permissions so it can be used as an account upgrade?

 

[Weiyan]

Thanks. Installed.
I uploaded an extra Shelley'a smilies, how to make the smylies show up?

 

[Shelley]

Thanks. Installed.
I uploaded an extra Shelley'a smilies, how to make the smylies show up?

At the moment you'll have to upload them into the \styles\default\xenforo\smilies folder. And then venture into the admincp >> Smilies and click Add New Smilies.

Upon entering the Create new smilie page insert a title, text replacement and the image path.

 

[Weiyan]

At the moment you'll have to upload them into the \styles\default\xenforo\smilies folder. And then venture into the admincp >> Smilies and click Add New Smilies.

Upon entering the Create new smilie page insert a title, text replacement and the image path.

Thank you. I think I will add smilies when someone invent an easier method.

 

[Paul B]

Nice work.

If you edit the message editor css you can remove the small gap at the bottom corners of the editor and the top corners of the smilie box to make them fit seamlessly together.

#ctrl_message_html_tbl {
border-bottom-left-radius: 0px 0px;
border-bottom-right-radius: 0px 0px;
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
}

Also, if you want the radii to match then you either need to change the message editor top corners to 6px or the bottom corners of the smilie box to 3px.

#happyplace {

background: #F0F0EE;
border: none;
border-bottom-left-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;

 

[Paul B]

Thank you. I think I will add smilies when someone invent an easier method.

You can use SQL queries to populate the smilie table which is a lot quicker than manually entering the data in the ACP.

 

[Peggy]

Finally our smilies are getting some luvin'! THANK YOU to all involved!

I hope the next step is categories? Please?

 

[ArnyVee]

I'm in my own Happy Place right now!

Thanks for this mod!

 

[ArnyVee]

I think that the "smilies" text on the tab may need a little smiley in front of it (a smiley pointing at the text "smilies" would be good ) in order to bring some attention to it.

Until then, I'll just setup a little thread showing how to go about adding smilies

 

[Peggy]

My test board is down so I can't test it.

 

[Alluidh]

Great Work inph

I hope the next step is categories? Please?

Not only you

 

[steven s]

Can you limit the number of smilies visible with a button to see more?

 

[ArnyVee]

Peggy, luckily I have four different hosting companies that I use. So, TeeVeeTown.com is working with no problems. I installed this and already setup a thread on how to use it: http://www.teeveetown.com/forum/threads/new-way-to-select-smilies-choose-your-smiley-wisely.99/

Works great!