Show Smileys Below Posting Buttons

[Chris]

Add the following code to your Global Footer (_{how to edit your forum headers & footers})

code:

<script type="text/javascript">

$(document).on('ready wysiwygcreate', function(){
	if($('.pinned-smiley-menu').length == 0){
	/* Always Show Smiley Menu */
	$('.wysiwyg-smiley-menu').each(function(i,e){
		var $button = $(e).data("menu").options.button,
			$editor = $button.closest('div:not(.group)'),
			$menu
		if($editor.length){
			$menu = $(e).clone(true).addClass("pinned-smiley-menu")
			$menu.data("menu").element = $menu;
			$menu.data("menu").options.onClose = function(){$menu.show();}
			$menu.css({
				position:"static",
				width: "auto",
				display: "block",
				zIndex: "auto",
				border: "0 none",
				boxShadow: "none"
			})
			.removeClass("ui-menu")
			.find('.no-smiles').css("display","none").end()
			.find('li').css("height","auto").end()
			.wrap('<div class="group no-hide ui-helper-clearfix"></div>').parent()
			.appendTo($editor)
			$menu.menu("option","clickHide",false)
			$menu.menu("enableAllOptions");
			$button.hide();
		}
	})
	}
})
</script>

Note: the always-on smiley menu is given an additional class of "pinned-smiley-menu" in case you need to adjust any CSS properties such as background-color.