New Posting Features - Move smilies to below text area (and optionally add to Quick Reply)

NOTE: This will break your 4.1.4 Quick Reply if you have smilies enabled there unless you do the edit below.

This moves the smilie box to below the text area when posting within threads, blogs, groups, PMs, and cms when using the Advanced Editor (new item or advanced reply). This is done using just CSS. The plugin simply appends the new CSS file to the editor.css file link in the page. It can also make the smiliebox show on the showthread page below the text box in Quick Reply if you do the Optional Edit below.

lynne_smilies_below.png

This mod is supported for the default style only as trying to debug other's site CSS issues is not easy.

This has been tested in firefox, Safari and IE7.


Version History:
1.0 2009-12-06: initial release by Lynne at vbulletin.org (pre 4.0.1)
1.1 2010-01-13: fixed issues with 4.0.1; made it move the smilies to the bottom for sending a new PM ('blog'), and for posting a New Discussion ('group') (4.0.1)
1.2 2010-01-23: fixed it to work if you store your css in the filesystem (4.0.1)
1.3 2010-05-05: added fields so it will work with vbcms and editpost (4.0.1)
1.4 2010-10-23: Modified CSS to use new stylevars - you do NOT need to upgrade to this version if your CSS is working just fine for you! (4.0.8 - see note below for 4.1PL1)


To install:

1. Import product-lynne_smilies_below.xml

2. Go to Settings > Options > Message Posting Interface Options > Put smilie box below textarea > Yes

3. Go to Settings > Options > Message Posting Interface Options and make sure you set these two settings:
Smiliebox Total Smilies - this is the total number of smilies you want to show
Smiliebox Rows (smilies below textarea) - this is the number of rows of smilies you would like

NOTE: The Total Smilies must be evenly divisible by the Rows, ie. you can't set the Total to 17 and have 2 Rows as that won't work.

4. OPTIONAL - If you also want the smiliebox to show on the showthread page under the Quick Reply, then you must do the following:
a. Go to Settings > Options > Message Posting Interface Options > Add smiliebox below Quick Reply on showthread page > Yes (Note that the above options, Put smilie box below textarea must also be set to Yes)
b. Make the following template edit in the template "showthread_quickreply".
Find the following:

        <div class="editor_textbox quickreply">
            <vb:if condition="$show['qr_require_click']">
                <textarea name="message" id="{vb:raw editorid}_textarea" rows="10" cols="80" dir="{vb:stylevar textdirection}" disabled="disabled">{vb:raw click_quick_reply_icon}</textarea>
            <vb:else />
                <textarea name="message" id="{vb:raw editorid}_textarea" rows="10" cols="80" dir="{vb:stylevar textdirection}"></textarea>
            </vb:if>
        </div>    
        
    </div>
</div>

Add in the following line among the bottom divs (for 4.0.8):

        </div>    
        <vb:if condition="($vbulletin->options['lynne_sb_below'] AND $vbulletin->options['lynne_sb_below_2']) AND THIS_SCRIPT == 'showthread'"><div class="editor_smiliebox">{vb:raw smiliebox}</div></vb:if>
    </div>
</div>

OR Add in the following line among the bottom divs (for 4.1.0 PL1):

        </div>    
        <vb:if  condition="($vboptions['lynne_sb_below'] AND  $vboptions['lynne_sb_below_2']) AND THIS_SCRIPT ==  'showthread'"><div class="editor_smiliebox">{vb:raw  smiliebox}</div></vb:if>
    </div>
</div>

OR in 4.1.10 forward, find this code in the SHOWTHREAD template:

		<div class="blockrow">
			{vb:raw messagearea}
		</div>

Add directly below there:

        <vb:if  condition="($vboptions['lynne_sb_below'] AND  $vboptions['lynne_sb_below_2']) AND THIS_SCRIPT ==  'showthread'"><div class="editor_smiliebox">{vb:raw  smiliebox}</div></vb:if>

To get this to work with 4.1.4 (and later) Quick Reply:
Edit the plugin "Add smilies to Quick Reply also" and remove, or comment out, the line:

PHP Code:

    $editor_template_name = 'showthread_quickreply'; 


To uninstall:

1. Uninstall "Move smilies below textarea"
2. If you added the smiliebox to the showthread.php page in the Quick Reply, then remove the template edit done above.

This will not work for pre-beta 5 vB4.

[fxwoody]

Ok, i managed to make the smilies to show in the PM-Quickreply box!

Simple edit to make in the template "pm_quickreply"

Find:

		<div class="editor_textbox quickreply">
			<textarea name="message" id="{vb:raw editorid}_textarea" rows="10" cols="80" tabindex="1" dir="{vb:stylevar textdirection}"></textarea>
		</div>

Add under:

 		  <vb:if condition="($vbulletin->options['lynne_sb_below'])"><div class="editor_smiliebox">{vb:raw smiliebox}</div></vb:if>

You don't have to set up the option in the main panel "Add smiliebox below Quick Reply on showthread page" to yes!
I have another Plugin that conflict with this option and .....Lynne is too busy to play around with these

I tried to add the same code in the showthread-quickreply but it only shows the space the the smilies would be in and no smilies are showing

It as to be something so simple.....but i'm not a top coder

Hope it helped out a bit

[fxwoody]

Oups! Just found another solution for the quick-reply !

In the showthread-quick reply

Find:

				<li class="editor_control_group_item">
					<img src="{vb:stylevar imgdir_editor}/quote.png" class="imagebutton" id="{vb:raw editorid}_cmd_wrap0_quote" width="20" height="20" alt="{vb:rawphrase wrap_quote_tags}" />
				</li>
				</vb:if>

Add under:

<!-- Modstyle -->
				<li class="editor_control_group_item">
<div class="moresmilies"><a href="javascript://" onclick="vB_Editor['{vb:raw editorid}'].open_smilie_window(smiliewindow_x, smiliewindow_y); return false" title="{vb:rawphrase showing_x_smilies_of_y_total, {vb:raw vboptions.smtotal}, {vb:raw totalsmilies}}"><img src="{vb:stylevar imgdir_editor}/smilie.png"/></a></div>
                                </li>
<!-- Modstyle -->

This will show the smilie icon in the toolbar and you will be able to select them for yor reply

Enjoy!

[Leo Brazil]

Hi Lynne,

I tried everything here but couldn't find a way out, can you help me with this ?

I'm getting an strage issue with this.
Running on 4.1.3
I have set:
5 smiliebox rows
10 smiliebox per row
50 smiliebox total smilies

On Vb4 Default Style all I can get is a single row with 10 smilies

On my own Style (all Editor Stylevars are just the same as Vb4 default) I get a single row with 50 smilies (breaking out the editor box).

If I change the number of rows, smilies per row and total smilies (even doing the right math) all I can get is a single line on my Style with the same number of total smilies like on set up but on Vb Style nothing changes, just a single row with 10 smilies.

Also, I have lots of different smilies sizes, what's the best way to display biggers sizes looking better ?

Thanks

[Lynne]

I would need a link to see what is going on. I just tried this on my 4.1.3 test site and it is working just fine. Try less smilies and see if it works.

[Leo Brazil]

Hi Lynne,

I've tried less, more, smilies and any kind of combination between total similies x total rows.

I'm working on this is a closed test forum, I can make you a admin login if you can take a look.

[Lynne]

Originally Posted by Leo Brazil

Hi Lynne,

I've tried less, more, smilies and any kind of combination between total similies x total rows.

I'm working on this is a closed test forum, I can make you a admin login if you can take a look.

You can PM the info and I can take a look.

[dlewisr]

Great mod Lynne. Installed and working great. A member was only asking about smilies on the 'Quick Reply' a couple of days ago. Installed, rated and nominated.

Thank you.

[Leo Brazil]

Originally Posted by Leo Brazil

Hi Lynne,

I tried everything here but couldn't find a way out, can you help me with this ?

I'm getting an strage issue with this.
Running on 4.1.3
I have set:
5 smiliebox rows
10 smiliebox per row
50 smiliebox total smilies

On Vb4 Default Style all I can get is a single row with 10 smilies

On my own Style (all Editor Stylevars are just the same as Vb4 default) I get a single row with 50 smilies (breaking out the editor box).

If I change the number of rows, smilies per row and total smilies (even doing the right math) all I can get is a single line on my Style with the same number of total smilies like on set up but on Vb Style nothing changes, just a single row with 10 smilies.

Also, I have lots of different smilies sizes, what's the best way to display biggers sizes looking better ?

Thanks

Just a feed back for everyone here:

There wasn't an issue, I mean besides my self...

I was using Fire Fox on debug mode all the time as it helps a lot to indenty Stylevars and after making all changes I mentioned, I should get out of debug mode and so clear the cache. Clearing the cache on debug mode for some reason were keeping some CSS info on it messing up with my life.
Just a tip for you guys.

Lynne, you're the best.

[billstelling]

hey Lynne, I can't find this in 4.1.3 ".editor_smiliebox ul.smiliebox " I want to have it show more than 6 a row.. Have allot of smileys for the members to chose from..

[Lynne]

Originally Posted by billstelling

hey Lynne, I can't find this in 4.1.3 ".editor_smiliebox ul.smiliebox " I want to have it show more than 6 a row.. Have allot of smileys for the members to chose from..

It's definitely there in a default 4.1.3 style.