IP.Board Tutorials

Chatbox: Editing the Textbox Position and Removing "Load More Messages" Warning

Submitted by tormentor, , Thread ID: 137968

Thread Closed
tormentor
Newbie
Level:
0
Reputation:
0
Posts:
17
Likes:
5
Credits:
2
24-07-2019, 09:06 AM
#1
Just an easy edit for those who are looking to display the chat textbox at the bottom of Chatbot while having the most recent messages appear at the top of the chatbox.
While there isn't an option to enable chatbox this way, this is just a minor edit that requires editing the HTML of the template bit for Chatbox and these steps will point you in the right direction:
  • find the template or skin you want to edit (ensure you have the Chatbox installed first, or you won't be able to edit the plugin), click on the option to edit the HTML and CSS

  • find the bimchatbox template bit (it should be located at the very top of the window on the left side

  • click on front, chat and then edit the 'main' template bit

  • what you want to look for is the following code: if settings.chatbox_conf_[b]ordertop[/b]!= 1

  • rename[b]ordertop[/b]to[b]orderbottom[/b]

  • there are three instances of this in the same template bit, just rename each of the three "[b]ordertop[/b]" instances to "[b]orderbottom[/b]"

  • this will position the textbox near the bottom of the Chatbox widget/window

  • save the changes you just made

  • go into the Chatbox settings (Community > Chatbox > Settings

  • under the "General" tab, enable the option "[b]newer messages in top[/b]"
That's all there is to it. When you look at your Chatbox, the textbox (where you enter your message) should appear at the bottom of the Chatbox window and the most recent messages should be displayed at the top of the window.
[b]Removing the "load more messages" indicator in Chatbox[/b]
Now, if you would like to remove that annoying warning message "load more messages", while you're still in the "Main" template bit under "bimchatbox", look for the following code:
[b]<div id='loadMore' data-action='loadMore' class='ipsAreaBackground_light ipsPad_half ipsType_center ipsCursor_pointer'>{lang="cb_loadmore"}</div>[/b]
You can either remove the code, or simply remark it out by adding <!-- at the start of the strong and --> at the end of the string. This will remove the "load more messages" indicator from your chatbox.

Users browsing this thread: 1 Guest(s)