How do you change the red user name to black and width of the chat posts from "95%" to 100%. I've tried everything possible in the way of styling with css, and have come to the conclusion that it's being styled from the chatblock.js file. I've removed the line in the js file which appeared how it was being set, but it continues.

I must be spending 6 hours a day trying to figure this out!!

Comments

dwees’s picture

dwees commented

The styling itself is set in the span. This is a problem that a future version will eventually deal with since it is easy enough to apply a class to the spans and then style them in a separate file.

Find line 326 and you'll see one place where the span is being coloured red. You can change it here. You can also see where the div is being styled to 95% width and change that as you please. I did that because I noticed that IE was allowing the last character of a message to hide underneath the edge of the block, rather than wrapping that word.

Line 505 as well, you can see the span is being coloured red here as well. You can also see that for some reason I have hard-coded the width of the div here to 160px as well, so you can change that here.

Hope this helps,

Dave

JonGirard-1’s picture

JonGirard-1 commented

Thanks, which file are all these lines found in though? In chatblock.js there are only 100~ lines.. and you mention to make changes as far as line 505..?

Oh, and I was meaning to ask, is the chat-block module compatible w/ Dupal 6.0, or will it completely stop working when I upgrade? And then one last question.

Let's say I were to begin chatting away, chat, hit enter to submit it. Well, a problem I'm coming across is that, even though I only have it set to display 4 chats at once, it doesn't refresh the list while chatting, so you end up with this huge length of chats, that don't refresh to 4, unless A) you refresh the page manually, or B)the person logs out (refreshing the page).

Thanks Again,

Jon.

dwees’s picture

dwees commented

Comments:

1. It has not yet been upgraded to Drupal 6 and will probably not be upgraded for a while. I'll need lots of free time and I won't have that until the summer.

2. The lines of code to change are found in the chatblock.module file.

3. The current behaviour is intended to prevent you from having to load 1000s of lines of messages at each page load, once on a page and chatting, it does not remove previous lines. I'm not planning on fixing this any time soon, but we'll add it to the feature request list.

Hope this helps,

Dave

JonGirard-1’s picture

JonGirard-1 commented

Thanks Dave,

Damn. It took weeks to get it workinh, but I can't upgrade to drupal 6 if I want to continue w/ it :S

Thanks anyhow,

Jon.

dwees’s picture

dwees commented

I've got a copy of this upgraded successfully to Drupal 6. Hopefully I'll figure out how to commit it to new branch and all will be well.

Dave

dwees’s picture

dwees commented
Assigned: Unassigned » dwees
Status: Active » Fixed

This issue has been fixed in both the 5.x-dev series and the new 6.x-dev series. The styling is now based on css selectors rather than built into the html.

Hope this helps.

Dave

Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.