New Posting Features - GTSmiliebox - Move Smilies Below Editor

NEW 1.1.0 VERSION (product-gtsmiliebox.xml)

No edits are necessary. If upgrading from a previous version you can revert the "editor_toolbar_on" and "editor_smiliebox" template.

Custom modification brought to you by Joe Velez (aka Princeton vbulletin.org Admin).

Please support by donating, "Mark As Installed", and/or "Nominate for MOTM".

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.

Instructions:

* Upload product-gtsmiliebox.xml via Plugins & Products Manager and you are done.

You may also be interested in:

• GTQuotes - A Custom bbcode_quote Template (as seen on vbulletin.org)
• Enhanced USERCP Interface
• GTPrivate Message Quickreply
• Custom Sig Permissions
• Rules Near Editor
• Smiliebox Below Editor
• Moderated Members Tagged

To change editor width:
http://vbulletin.com/docs/html/main/stylevar_formwidth (form width)
http://vbulletin.com/docs/html/main/...r_messagewidth (message width)

http://vbulletin.com/docs/html/main/...rmwidth_usercp (usercp form width)
http://vbulletin.com/docs/html/main/...gewidth_usercp (usercp message width)

[deezelpope]

This is NOT the author's issue...it's yours...I told you to increase your number of smilies...I suggest you edit your above post.

[radarhunter]

i did the number from 100 to 30 the result is the same

[deezelpope]

<i>Ok...how many TOTAL smilies do you have installed in your smilie manager?</i>

[radarhunter]

okay there is my problem

Thanks a million Ma`am

[deezelpope]

[iogames]

Ok I read the whole thread, maybe someone was having the same problem...
The hack works flawless, but when you remove the smilies-box from the right the whole Editor stays in the same place, I mean... I want/need it centered... I went to Styles manager > Stylevars and it's a different solution... I don't want to change the size of the editor or adjust it to the box...
Now that the smilies-box is in the bottom, the space used for it before make my whole editor be aligned a little to the left...

I was clear? [lol]

[iogames]

Maybe the problem will be here [somewhere ]

editor_clientscript template:

<!-- EDITOR SCRIPTS -->
<script type="text/javascript" src="clientscript/vbulletin_textedit.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript">
<!--
var fontoptions = new Array($vBeditJs[font_options_array]);
var sizeoptions = new Array($vBeditJs[size_options_array]);
var smilieoptions = new Array(); smilieoptions = { $vBeditJs[smilie_options_array] };

var istyles = new Array(); istyles = { $vBeditJs[istyle_array] };

var smiliewindow_x = 240;
var smiliewindow_y = 280;

var ignorequotechars = $vboptions[ignorequotechars];

// vB Phrases
vbphrase["wysiwyg_please_wait"] = "$vbphrase[wysiwyg_please_wait]";
vbphrase["wysiwyg_initialized"] = "$vbphrase[wysiwyg_initialized]";
vbphrase["wysiwyg_command_invalid"] = "$vbphrase[wysiwyg_command_invalid]";
vbphrase["moz_must_select_text"] = "$vbphrase[moz_must_select_text]";
vbphrase["moz_edit_config_file"] = "$vbphrase[moz_edit_config_file]";
vbphrase["enter_tag_option"] = "$vbphrase[enter_tag_option]";
vbphrase["must_select_text_to_use"] = "$vbphrase[must_select_text_to_use]";
vbphrase["browser_is_safari_no_wysiwyg"] = "$vbphrase[browser_is_safari_no_wysiwyg]";
vbphrase["enter_option_x_tag"] = "$vbphrase[enter_option_x_tag]";
vbphrase["enter_text_to_be_formatted"] = "$vbphrase[enter_text_to_be_formatted]";
vbphrase["enter_link_text"] = "$vbphrase[enter_link_text]";
vbphrase["enter_list_type"] = "$vbphrase[enter_list_type]";
vbphrase["enter_list_item"] = "$vbphrase[enter_list_item]";
vbphrase["must_enter_subject"] = "$vbphrase[must_enter_subject]";
vbphrase["message_too_short"] = "$vbphrase[message_too_short]";
vbphrase["enter_link_url"] = "$vbphrase[enter_link_url]";
vbphrase["enter_image_url"] = "$vbphrase[enter_image_url]";
vbphrase["enter_email_link"] = "$vbphrase[enter_email_link]";
vbphrase["complete_image_verification"] = "$vbphrase[complete_image_verification]";
vbphrase["iespell_not_installed"] = "$vbphrase[iespell_not_installed]";
vbphrase["click_quick_reply_icon"] = "$vbphrase[click_quick_reply_icon]";
vbphrase["insert_all"] = "$vbphrase[insert_all]";

//-->
</script>
<!-- END EDITOR SCRIPTS -->

<!-- EDITOR STYLES -->
<link rel="stylesheet" type="text/css" href="clientscript/vbulletin_editor.css" />
<style type="text/css">
<!--
.vBulletin_editor {
background: {$istyles[pi_button_normal][0]};
padding: $stylevar[cellpadding]px;
}
.imagebutton {
background: {$istyles[pi_button_normal][0]};
color: {$istyles[pi_button_normal][1]};
padding: {$istyles[pi_button_normal][2]};
border: {$istyles[pi_button_normal][3]};
}
.ocolor, .ofont, .osize, .osmilie, .osyscoloar, .smilietitle {
background: {$istyles[pi_menu_normal][0]};
color: {$istyles[pi_menu_normal][1]};
border: {$istyles[pi_menu_normal][3]};
}
.popup_pickbutton {
border: {$istyles[pi_menu_normal][3]};
}
.popup_feedback {
background: {$istyles[pi_menu_normal][0]};
color: {$istyles[pi_menu_normal][1]};
border-right: {$istyles[pi_menu_normal][3]};
}
.popupwindow {
background: {$istyles[pi_menu_normal][0]};
}
#fontOut, #sizeOut, .popup_feedback div {
background: {$istyles[pi_menu_normal][0]};
color: {$istyles[pi_menu_normal][1]};
}
.alt_pickbutton {
border-left: 1px solid {$istyles[pi_button_normal][0]};
}
.popup_feedback input, .popup_feedback div
{
border: 0px solid;
padding: 0px 2px 0px 2px;
cursor: default;
font: 11px tahoma;
overflow: hidden;
}
-->
</style>
<!-- END EDITOR STYLES -->

[Princeton]

on a default style, you just have to modify the editor $stylevars within the Style Manager / StyleVars / Sizes and Dimensions

[iogames]

Sorry, can you be more specific? [lol]
I moved all the VALUES in the section you mentioned, no result... and I'm working in the basic style, haven't install any skin/style, just modified the standard...

[Princeton]

here's some info that might help:

http://vbulletin.com/docs/html/main/stylevar_formwidth (form width)
http://vbulletin.com/docs/html/main/...r_messagewidth (message width)

http://vbulletin.com/docs/html/main/...rmwidth_usercp (usercp form width)
http://vbulletin.com/docs/html/main/...gewidth_usercp (usercp message width)

if changing the above options doesn't work than I suggest reverting your template and starting over