GTSmiliebox - Move Below Editing Area

Sites with a lot of simlies and fixed-width layouts occasionally run into the "smilie-box-stretch-outside-box" problem.

View attachment image to see what I mean.

With this template modification the smilie toolbar box will now display below the editing area NOT beside it.

PayPal Donations Accepted

FIND IN editor_toolbar_on template:

    <tr valign="top">
        <td class="controlbar"><textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]">$newpost[message]</textarea></td>
        <if condition="$smiliebox"><td class="controlbar">$smiliebox</td></if>
    </tr>

REPLACE WITH:

    <tr valign="top">
        <td class="controlbar"><textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]">$newpost[message]</textarea></td>
    </tr>
    <if condition="$smiliebox">
    <tr>
        <td class="controlbar">$smiliebox</td></td>
    </tr>
    </if>

OPTIONAL
This template edit moves the "More" link.
REPLACE editor_smilibox TEMPLATE WITH:

<if condition="$show['smiliebox']">
<fieldset class="fieldset" id="{$editorid}_smiliebox" title="$vbphrase[smilies]">
    <legend>$vbphrase[smilies] 
    <if condition="$show['moresmilieslink']">
    [<a href="#" onclick="vB_Editor['$editorid'].open_smilie_window(smiliewindow_x, smiliewindow_y); return false" title="<phrase 1="$vboptions[smtotal]" 2="$totalsmilies">$vbphrase[showing_x_smilies_of_y_total]</phrase>">$vbphrase[more]</a>]
    </if>
    </legend>
    <table cellpadding="2" cellspacing="0" border="0" align="center">
    $smiliebits
    </table>
</fieldset>
<else />
<div id="smiliebox" style="display:none"></div>
</if>

Edit your vboptions / Message Posting Interface Options to change the number of smilies displayed per row.

Click for updates.

[AshokForums.com]

nice hack.. Installed..

[sellbuydomain]

nice work, thanks so much

[AshokForums.com]

There is a problem.. Check out the screen shot

[sellbuydomain]

yes, try it redo it right now, follow the the new codes up there, will works this time. i just did it work.

[Princeton]

it's fixed now ... thanks to sellbuydomain (code typo)

[BoYagoob]

installed ..

[gothicuser]

Great. Thankyou very much.

[Snake]

This is quite good. Thanks!

[shadowdancer36]

Yes! I needed that. Do you know how to change how many cols it shows? I want it to show 4 or 5 columns.