Add A Shout Button To The Shoutbox

This tutorial will show you how to add a button to your shoutbox so that members don't have press enter to shout. Some members if not most don't realize you have to press enter.



Open: /module/shoutbox/template/default/block/display.html.php

Find:

<div><input id="js_shoutbox_input" type="text" name="shoutout" size="20" style="width:73%;" maxlength="255" value="" /></div>

Replace with:

<div><input id="js_shoutbox_input" type="text" name="shoutout" size="20" style="width:73%;" maxlength="255" value="" />  <input id="submitButton" class="button" style="vertical-align:top" size="20" value="{phrase var='shoutbox.shoutbox_button'}" maxlength="25" type="submit" />
</div>

Save and close.

Next: Navigate to acp and create new language phrase for shout button


Save entry and clear cache and view the shout button in action. Enjoy!