Jump to content
WebFlake

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


tempest21

Recommended Posts

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_ordertop != 1
  • rename ordertop to orderbottom
  • there are three instances of this in the same template bit, just rename each of the three "ordertop" instances to "orderbottom"
  • 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 "newer messages in top"

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.

Removing the "load more messages" indicator in Chatbox

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:

<div id='loadMore' data-action='loadMore' class='ipsAreaBackground_light ipsPad_half ipsType_center ipsCursor_pointer'>{lang="cb_loadmore"}</div>

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.

  • Thanks 3
Link to comment
Share on other sites

  • 1 month later...
  • 2 months later...
  • 4 weeks later...
  • 9 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...