GTSmiliebox - Move Below Editing Area

[Princeton]

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 (https://www.paypal.com/cgi-bin/webscr?cmd=_ext-enter&redirect_cmd=_xclick&business=paypal%40gtwebhost%2Ecom)

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 https://vborg.vbsupport.ru/ (https://vborg.vbsupport.ru/vborg_miscactions.php?do=installhack&threadid=106747) 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.

[DS MrSinister]

Nice Job m8 thanks.

[PtP]

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

Thats adjustable in vBulletin Options just like normal ;)

[Gripemaster]

*Clicks Install* Thank you! Very nice!

[Princeton]

Yes! I needed that. Do you know how to change how many cols it shows? I want it to show 4 or 5 columns.
Edit your vboptions / Message Posting Interface Options to change the number of smilies displayed per row.

[poprulz]

Nice simple hack....

The text area looks od now as it is just half the page...is it possible to resize it so that it strecthes its width to the space the smiley box earlier was.

The $stylevar[messagewidth] does i guess...

[Princeton]

populz,
I believe you can edit the editor's width via STYLES & TEMPLATES/ StyleVars.

[poprulz]

thx alot prince..it did the trick!

[vietfancy]

Installed

[Quarterbore]

Awsome!

Have you looked at moving icons over to where the smilies were yet? Not a big deal as the smilies were my nightmare...

[EasyTarget]

great hack, thanks.

can you include the instructions in a text file? The mods make you do it anyways and it makes it easy to archive the hacks I've installed.

[CoreIssue]

Sweet.

I think it looks way better than the default and allows a better text posting area!:nervous:

[Princeton]

thanks for the feedback! :D

[Doc.Blade]

nice work Princeton, this is a great help on my site, thank you :nervous:

>>Installed<<

[Princeton]

feedback appreciated .. thank you :up:

[FARMER]

Greatest Idea!!

Thank you!

[|oR|Greg]

Installed, however I wanted the Message Area Width at 100%, but it doesn't seem to accept percent as a value, just px. Anyone know how to fill the Message Area Width completely regarding width?

[Princeton]

table/editor width is based on the value that you enter in STYLES / STYLEVAR

[|oR|Greg]

Right but it doesn't accept %, only px, do you know a way to have it accept either %, or some other way to fill the space?

[JJR512]

If you like your smilies below your message editing box, here's something else you might want to do. If you just move the smilies to below the edit box, the More link will still be left-aligned under the smilies. To center it, make the following change to the template editor_smiliebox:

Find:
<td class="smallfont" colspan="$vboptions[smcolumns]">
Change to:
<td align="center" class="smallfont" colspan="$vboptions[smcolumns]">
Save it and you're done. :)

[quang188]

Thanx a lot man. APpreciate it greatly :D

[UncoderMom]

Installed Thanks!

This should be default! I only had three rows and it was still breaking my templates! NOT no more ;)

[Kroby]

Many thanks, installed :)

[dan35]

Installed! Thank you, Princeton!

[akanevsky]

Nice mod, thanks. Clean and simple.

[Princeton]

thank you :up:

[Christie189]

Installed and working great. Thank you so much!

[zooki]

I would like to thank Joe for this Template Mod code! Its very useful.

[glorify]

Very Nice. Two rows of 15 look great :)

[UncoderMom]

3.6.2 ?

*edit*

Works GREAT with 3.6! Thank you again!

[EMBX]

Installed, very nice and clean indeed

[kungfujesus]

installed... very nice

[BigJimTheLug]

I needed, this is really good!

Thanks

[Kat-Sybermoms]

We needed this badly, so thanks so much for a quick and easy fix.

Installed!!

[Tralala]

/installed

[LorraineMc]

Thanks again....another great hack....love it.....you rock....

[713JunctionP]

Awesome Mod! Makes Things Look A Whole Lot Cleaner!

and this worked in 3.6.7!!!!!!! :up:

[bashy]

Hi Princeton, works fine on 3.6.8 :)

[jandm]

*installed* on 3.5.7

Great mod:)

[ogameclub]

Works on v3.6.8 :up:
Message Posting Interface Options--> Smiliebox Smilies Per Row: 10