Espectra wrote:1- Url of your forum:

http://www.rivalsoftrust.com/#!apply/ctzo
rivals-of-trust.forumotion.com


2- Description of the problem:

The chat is cut off a short distance from its bottom border, which cuts the chatbox command buttons in half.  I am getting this problem in all browsers.

Additionally, the font in Firefox is Comic Sans MS, which... is very odd.  I do not use Comic Sans MS anywhere on my forum.  This is a very easy font to recognize.

The font in IE is different.  I can't tell what this font is, as it seems very generic.

The font was Courier New until I switched the forum body font to Kelly Slab via a Google font import.  It was immediately following this import and font change that the chatbox font changed to Comic Sans MS.

None of the CSS coding seems to have any effect on the chatbox font or background.  When changing Background 1 using the Display>Colors feature, the color changes along with it, but when using the same CSS elements that are changed by using that feature in my CSS stylesheet in an attempt to make them transparent, there is no change.  I'd like to figure out a way to make the background transparent on chat just like the rest of my forum.

Note:  I have deleted all of the CSS styling regarding the chatbox from my stylesheet until I have accurate information on how to make these adjustments.


3- Who get the problem ( founder, admins, moderators, users, all)

I (the founder and only administrator) am presently the only person using chat, since I just added it today, so I can't really answer this one.


4- A screenshot if possible

The below was taken from Firefox:


The below was taken from IE:

Definition and Usage

The font-family property specifies the font for an element.
The font-family property can hold several font names as a "fallback" system. If the browser does not support the first font, it tries the next font.

p {
    font-family: "Times New Roman", Georgia, Serif;
}

Buttercup wrote:Hello

@Black-shadow

When we remove your Css and JS, the problem desappear so we think there is sometimes with your css and the new Chatbox that don't fit

Buttercup wrote:

Espectra wrote:1- Url of your forum:

http://www.rivalsoftrust.com/#!apply/ctzo
rivals-of-trust.forumotion.com


2- Description of the problem:

Additionally, the font in Firefox is Comic Sans MS, which... is very odd.  I do not use Comic Sans MS anywhere on my forum.  This is a very easy font to recognize.

The font in IE is different.  I can't tell what this font is, as it seems very generic.

The font was Courier New until I switched the forum body font to Kelly Slab via a Google font import.  It was immediately following this import and font change that the chatbox font changed to Comic Sans MS.

None of the CSS coding seems to have any effect on the chatbox font or background.  When changing Background 1 using the Display>Colors feature, the color changes along with it, but when using the same CSS elements that are changed by using that feature in my CSS stylesheet in an attempt to make them transparent, there is no change.  I'd like to figure out a way to make the background transparent on chat just like the rest of my forum.

Note:  I have deleted all of the CSS styling regarding the chatbox from my stylesheet until I have accurate information on how to make these adjustments.


3- Who get the problem ( founder, admins, moderators, users, all)

I (the founder and only administrator) am presently the only person using chat, since I just added it today, so I can't really answer this one.


4- A screenshot if possible

The below was taken from Firefox:


The below was taken from IE:

For your fonts, the problem comes from browsers that don't recognize your font. On your CSS, you should add many fonts to be sure one of them will be taken into account:

Definition and Usage

The font-family property specifies the font for an element.
The font-family property can hold several font names as a "fallback" system. If the browser does not support the first font, it tries the next font.

p {
    font-family: "Times New Roman", Georgia, Serif;
}

More info here: http://www.w3schools.com/cssref/pr_font_font-family.asp

Thanks

Keep DOM access to a minimum

Accessing the DOM in browsers is an expensive thing to do. The DOM is a very complex API and rendering in browsers can take up a lot of time. You can see this when running complex web applications when your computer is already maxed out with other work — changes take longer or get shown half way through and so on.

To make sure that your code is fast and doesn’t slow down the browser to a halt try to keep DOM access to a bare minimum. Instead of constantly creating and applying elements, have a tool function that turns a string into DOM elements and call this function at the end of your generation process to disturb the browser rendering once rather than continually.

Code:


      if (data.messages) {
         var scroll = !this.messages || this.messages.length != data.messages.length;
         this.messages = data.messages;
         $('#chatbox').empty();
         if (this.messages) {
            for (var j = 0; j < this.messages.length; j++) {
               var message = this.messages[j];
               var html = '<p class=\'chatbox_row_' + (j % 2 == 1 ? 2 : 1) + ' clearfix\'>' + '<span class=\'date-and-time\' title=\'' + message.date + '\'>[' + message.datetime + ']</span>';
               if (message.userId == -10) {
                  html += '<span class=\'msg\'>' + '<span style=\'color:' + message.msgColor + '\'>' + '<strong> ' + message.msg + '</strong>' + '</span>' + '</span>'
               } else {
                  html += '<span class=\'user-msg\'>' + '<span class=\'user\' style=\'color:' + message.user.color + '\'>' + '<strong> ' + (message.user.admin ? '@ ' : '') + '<span class=\'chatbox-username chatbox-message-username\'  data-user=\'' + message.userId + '\' >' + message.username + '</span>&nbsp;:&nbsp;' + '</strong>' + '</span>' + '<span class=\'msg\'>' + message.msg + '</span>' + '</span>'
               }
               html += '</p>';
               $('#chatbox').append(html)
            }
            if (scroll) {
               $('#chatbox')[0].scrollTop = $('#chatbox').prop('scrollHeight') * 2
            }
         }
      }


Code:


      if (data.messages) {
         var scroll = !this.messages || this.messages.length != data.messages.length;
         this.messages = data.messages;
         $('#chatbox').empty();
         var cb_content = "";
         if (this.messages) {
            for (var j = 0; j < this.messages.length; j++) {
               var message = this.messages[j];
               var html = '<p class=\'chatbox_row_' + (j % 2 == 1 ? 2 : 1) + ' clearfix\'>' + '<span class=\'date-and-time\' title=\'' + message.date + '\'>[' + message.datetime + ']</span>';
               if (message.userId == -10) {
                  html += '<span class=\'msg\'>' + '<span style=\'color:' + message.msgColor + '\'>' + '<strong> ' + message.msg + '</strong>' + '</span>' + '</span>'
               } else {
                  html += '<span class=\'user-msg\'>' + '<span class=\'user\' style=\'color:' + message.user.color + '\'>' + '<strong> ' + (message.user.admin ? '@ ' : '') + '<span class=\'chatbox-username chatbox-message-username\'  data-user=\'' + message.userId + '\' >' + message.username + '</span>&nbsp;:&nbsp;' + '</strong>' + '</span>' + '<span class=\'msg\'>' + message.msg + '</span>' + '</span>'
               }
               html += '</p>';
               cb_content += html;
            }
            $("#chatbox").append(cb_content);
            if (scroll) {
               $('#chatbox')[0].scrollTop = $('#chatbox').prop('scrollHeight') * 2
            }
         }
      }


chandoi wrote:Anybody home? My forum has a chatbox without "archives" nor "auto refresh" buttons all day now.

Zeedief wrote:My forum's chatbox also no longer has the "archives" button, despite having it just yesterday. Not sure what's going on with that...

Buttercup wrote:Hello dear members

Your problems have been reported to the technicians
For the archives button, it is a cache issue. Thanks for clear your cache

@smurfavr

1- It is normal buttons disappear while connected to the archive.
2- "Send button" very pale. You customized your forum a lot. So make sure it also happens when you remove your personal CSS, JS and Templates.

Thanks

seadevil wrote:http://whona.realtvboard.com/

I am still having trouble personally with new posts from other members not showing up unless I make a new post after theirs, refresh the page, toggle back and forth from Archives, or navigate away to another page and come back.  So I guess its a matter of not autorefreshing after new posts - other than after my own.  This only happens at my computer at my place of business, which uses an older version of Windows and IE...if that makes a difference.  At home on my laptop using Windows 8, its fine.

seadevil wrote:I clear that stuff all the time, plus I auto delete when i exit IE. 

That doesn't help.