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.

[Lynne]

Originally Posted by CoronasRGood

Sorry, yes on the showthread page. http://rinconforums.com/showthread.php?8-Welcome

Do you have a test account I can log in with because I can't see the problem as a guest.

And actually, looking at this image again: Attachment 108742 I don't see how that is happening.... did you move the Post Quick Reply and Go Advanced buttons to the top of the Quick Reply? Also, does it happen for regular users since a regular user is not going to see the Moderation Tools? I am not getting anything like this on a default vbulletin style on my test site. If it is your style, then I don't know that I will be able to figure it out since it will most likely be a css thing and I can't trace your css changes down.

[CoronasRGood]

I think I found it, vbulletin settings, Message Posting and Editing Options, you must have "Yes, Click not required" selected for quick reply.

[movslow]

Instead of going through all that work to put the smilies below the quick reply box, what would it take to put the Smily icon itself that is there when you click Go Advanced ? It's to the right of the icon for the text color. I think that would look more cleaner and keep the simplicity of quick reply.

Just a thought.
Thanks

[leodestroy]

Great mod tnx. Install

[Lynne]

Originally Posted by movslow

Instead of going through all that work to put the smilies below the quick reply box, what would it take to put the Smily icon itself that is there when you click Go Advanced ? It's to the right of the icon for the text color. I think that would look more cleaner and keep the simplicity of quick reply.

Just a thought.
Thanks

I actually didn't intend to have this mod put the smilies below Quick Reply. I only wanted to move them to underneath the text box on pages where they were already on the side. Then I realized it was easy to just put them in QR also.

[s0lidgr0und]

Thanks, Lynne. You always do such a nice job on your mods.

[garretbyrne]

Hi Lynne thank you for the mod.. It has moved the smiles down below the text area but in regards to rows no matter what I do it stays as one row... I've attached an image of what I'm talking about.. and have also added the code I've used in editor.css

Code:
.editor_smiliebox ul.smiliebox {
height:{vb:math 3*{vb:math 21+2*2}}px;
margin:0 auto;
width:{vb:math 20+.33*{vb:raw vboptions.smtotal}*{vb:math 20+2*2}}px;
}

Any help you can provide is welcomed.. Thanks

[s0lidgr0und]

The code you have to edit for rows is in editor2.css.

[garretbyrne]

O, lol Very sorry..

Cheers thats worked for me

[Lynne]

Originally Posted by s0lidgr0und

The code you have to edit for rows is in editor2.css.

Good eye! I didn't spot that the first time I read his post. Thanks for seeing that and helping!

Originally Posted by garretbyrne

O, lol Very sorry..

Cheers thats worked for me

Why don't you post a picture? Then I can add to the first post here and show users what it looks like.