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 RonH.

Perhaps for some reason I'm being a bit dense upstairs today but I'm having a bit of difficulty finding this particular required edit. I'm currently using vB 4.1.5 pl1 and this install has naturally broken my Quick Reply part. Just where do I make this edit if you don't mind me asking. While I'm not a newbie, I'm just not as experienced as most here and I must admit my mind isn't quite comprehending what or where I'm supposed to make this specific edit. I've looked but keep coming up short on where or how. I understood the rest that does not apply to me, re previous versions etc. If anyone cam help I'd appreciate it very much. I do like like this plug-in very much.

You edit the plugin that is titled "Add smilies to Quick Reply also" You would find it in admincp > Plugins & Products > Plugin Manager

[RonH.]

Originally Posted by Lynne

You edit the plugin that is titled "Add smilies to Quick Reply also" You would find it in admincp > Plugins & Products > Plugin Manager

Thanks. My grey matter was getting in the way. But now I have this problem. Any ideas what I could have done wrong or what may have happened? There seems to be some overlap going on.

[Lynne]

I can only help on a default style. My guess is you haven't updated your templates (could include css templates) for that page.

[Scalemotorcars]

Lynne, I'm using your mod here but also vbglossary that uses its own postbit. The template called is vbglossar_newentry.

Can and where could I add this template so the smiles are below the test area.

This is the other mod. https://vborg.vbsupport.ru/showthrea...ght=vbglossary

Any help would be great. Thanks...

[Lynne]

Originally Posted by Scalemotorcars

Lynne, I'm using your mod here but also vbglossary that uses its own postbit. The template called is vbglossar_newentry.

Can and where could I add this template so the smiles are below the test area.

This is the other mod. https://vborg.vbsupport.ru/showthrea...ght=vbglossary

Any help would be great. Thanks...

I really don't know. Does it use a new page? If so, then get the THIS_SCRIPT variable and add it where you would normally use another page. I've never used that other modification, so I really have no idea what changes would need to be made (it should use the same editor, I would think).

[Scalemotorcars]

Not sure but Ill look into it. Thanks for the tip...
-------------------------------------------------------------
Update: I just took a look and it does use a THIS SCRIPT vbglossar

Where would I add that to your code to pull the smiles below?

[Lynne]

I am not really sure, but I would guess you need to add it to a condition in at least the "Add editor2.css to pages" plugin. I don't know exactly what your problem is on your page - is it just the css?

[Scalemotorcars]

Figured it out. Actually it was as easy as you said. I just added it to the "Add editor2.css to pages" plugin in 2 places and it works perfect. Thanks again...

[Bulent Tekcan]

How to add in Calendar page ?

[Bulent Tekcan]

Hello,

Is it possible to adjust like that https://vborg.vbsupport.ru/showthrea...ght=quickreply

This code is very useful for vb3.x.x but not work with 4.x.x, because this code add under all editor.

Regards,