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.

[Front Range 4x4]

*installed* Thank you Lynn!

[Lynne]

Originally Posted by carleboy

Could you please give more detail on making more rows please as iv managed to get the smilies to show under without them being cut in half so i can see the full smilie now i just want more rows and iv tried to change numbers by 2 up and 2 down but i just cant get it right i dont understand what numbers to actualy change, just some spercifics would be good please.

Thanks.

Post exactly what you have done, an image of what it did, and we can see what is wrong. A link to see this may also be helpful.

[carleboy]

Originally Posted by Lynne

Post exactly what you have done, an image of what it did, and we can see what is wrong. A link to see this may also be helpful.

I tryed changing the 2 to 4 and 2 to 0 as your post suggested but it done nothing i was just hoping you could explain what one of the numbers to add 2 on too and what one to take it way from, My forum is closed at the moment while i put it all together so cant show you directly at the moment but an explination of what numbers to change to add rows of smilies would really help.

Thanks.

[Lynne]

I guess I don't understand because I posted the code where I already changed it for the original user. You just want what I changed highlighted?

original code in the mod:

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

code I posted in post 6 to create 2 rows of smilies:

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

Code in red is what I changed.

[cloferba]

smiles on quick reply box doesnt show

[Lynne]

Originally Posted by cloferba

smiles on quick reply box doesnt show

You must turn it on in the options. You also need to make sure you don't have formatting controls turned off or disabled for your quick reply (you must be using either the wysiwyg editor or the standard editor).

[cloferba]

Originally Posted by Lynne

You must turn it on in the options. You also need to make sure you don't have formatting controls turned off or disabled for your quick reply (you must be using either the wysiwyg editor or the standard editor).

i have both options turn on and i have configure to use both editors...standard and wysiwyg

[Lynne]

Originally Posted by cloferba

i have both options turn on and i have configure to use both editors...standard and wysiwyg

And did you do the template edit on the style you are using? (And did you test it on a totally default style also?)

[pinoquio46]

Hello,

It can be used in PM text area editor also?
What changes are necessary to make?

Thanks

[Lynne]

Originally Posted by pinoquio46

Hello,

It can be used in PM text area editor also?
What changes are necessary to make?

Thanks

I do not know as I didn't look into that.