How To Move Clickable Smilie Box To Left Of Posting Form

[Jake Bunce]

You need to edit two templates, one for the Standard editor and one for the WYSIWYG editor.

Go to your:

Admin CP -> Styles & Templates -> Style Manager -> « » -> Editor Templates -> editor_toolbar_standard

Find this code near the bottom and make the change indicated:



<tr valign="top">

MOVE THE RED CODE TO HERE

<td class="controlbar">

<!-- edit text area -->
<textarea name="message" rows="20" cols="60" wrap="virtual" style="width:$stylevar[messagewidth]; height:250px" tabindex="1">$newpost[message]</textarea>
<!-- / edit text area -->

</td>
<if condition="$smiliebox"><td class="controlbar">$smiliebox</td></if>
</tr>


In that same section of your Admin CP, edit the editor_toolbar_wysiwyg template. Find this code near the bottom and make the change indicated:



<tr valign="top">

MOVE THE RED CODE TO HERE

<td class="controlbar">



<!-- hidden field to contain html -->
<input type="hidden" name="WYSIWYG_HTML" id="html_hidden_field" value="$newpost[message_html]" />

<!-- edit text area -->
<if condition="is_browser('ie')">

<!-- internet explorer text area -->
<div id="htmlbox" class="wysiwyg" tabindex="1" style="width:$stylevar[messagewidth]; height:250px; padding:8px">$newpost[message]</div>

<else />

<!-- mozilla text area -->
<iframe id="htmlbox" tabindex="1" style="width:$stylevar[messagewidth]; height:250px"></iframe>

</if>
<!-- / edit text area -->



</td>

<if condition="$smiliebox"><td class="controlbar">$smiliebox</td></if>
</tr>


The end result should look like the attached screenshot.