[CDB] Ajax Chat

[spaceace]

The names are not doubled. That is a mockup to show what it looks like with bunch of chatters.

Basically if you get 10 or more people chatting and you are in mobile, the list gets longer and longer with a ton of wasted space on the right side. The top image shows that. The bottom image show my suggestion.

Make sense?

i understand completely and am trying to get a solution that will work with all browsers... IE being the main issue

[JupiterGPL]

Skip IE... Let it die!

[spaceace]

Skip IE... Let it die!

i want to, believe me

[JupiterGPL]

IE use is down to 13% on my site. So if I come up with something that does not work on IE, I don't give it a second thought. I just tell those users to get a "real" browser.

[spaceace]

open ajax_chat.css and add this to both @media css locations...

Code: Select all

	#whois_online {
		display: flex;
		flex-wrap: wrap;
	}

let me know if that works for you. IE doesn't support flex-wrap but everything else does... once again... IE is being left in the dust

[JupiterGPL]

You sent me in the right direction!!!

I use Safari on Mac, so I needed to tweak that a bit. Here is what I used.

Code: Select all

    #whois_online {
    display: flex;
    display: -webkit-box;  
    flex-wrap: wrap;
   }

I also added a few spaces after the {whoisrow.USERNAME_FULL} in the chat_body.html file to give a bit of separation between names.

Code: Select all

						<div id="whois_online">
							<!-- BEGIN whoisrow -->
								<div class="whois_status">
									<img src="{BOARD_URL}ext/spaceace/ajaxchat/styles/all/theme/images/{whoisrow.USER_STATUS}.png" class="status_img" alt="{whoisrow.USER_STATUS}" />
									{whoisrow.USERNAME_FULL}&nbsp;&nbsp;
								</div>
							<!-- END whoisrow -->
						</div>

[spaceace]

You sent me in the right direction!!!

I use Safari on Mac, so I needed to tweak that a bit. Here is what I used.

Code: Select all

    #whois_online {
    display: flex;
    display: -webkit-box;  
    flex-wrap: wrap;
   }

I also added a few spaces after the {whoisrow.USERNAME_FULL} in the chat_body.html file to give a bit of separation between names.

Code: Select all

						<div id="whois_online">
							<!-- BEGIN whoisrow -->
								<div class="whois_status">
									<img src="{BOARD_URL}ext/spaceace/ajaxchat/styles/all/theme/images/{whoisrow.USER_STATUS}.png" class="status_img" alt="{whoisrow.USER_STATUS}" />
									{whoisrow.USERNAME_FULL}&nbsp;&nbsp;
								</div>
							<!-- END whoisrow -->
						</div>

done. that will get added to the css in the next release

thank you

[JupiterGPL]

I've made tweaks all over.
- All users get sent to the popup version.
- I used a modified simple header so my users see have access to my custom navigation.
- I unhide the Colors button so those on mobile can use it.
- I also added a "Settings" button that brings people directly to the chat setting in their User Profile.

This is what mobile looks like for me now. Note how the Who is Chatting looks with your changes.

[spaceace]

I've made tweaks all over.
- All users get sent to the popup version.
- I used a modified simple header so my users see have access to my custom navigation.
- I unhide the Colors button so those on mobile can use it.
- I also added a "Settings" button that brings people directly to the chat setting in their User Profile.

This is what mobile looks like for me now. Note how the Who is Chatting looks with your changes.

nice

realising why you wanted to narrow up the colour selection has given me an idea. i think i will add an ACP setting so colour selections can be set for light or dark styles and keep it narrower so mobiles can still use it

[JupiterGPL]

How about Color settings in the UCP?

I would love to be able to manually enter a hex to get the exact color I want. If that is possible, that would be great.

[spaceace]

How about Color settings in the UCP?

I would love to be able to manually enter a hex to get the exact color I want. If that is possible, that would be great.

then you will get the people that will use light colours in light styles etc... the way it is now, unless you know how to edit the colour hold cookie, you are limited to the selection given

also... i tweaked what you have used for the css a little. all my tests show this working and will switch by itself depending if your browser supports it or not...

Code: Select all

	#whois_online {
		display: -webkit-flex; /* Safari */
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		display: inline-flex;
		flex-wrap: wrap;
	}

drop that in both @media sections

[ThrusterDeeply]

just started testing this mod, er, excuse me, "extension" I'd like to see the ability to use groups to select who can access the chat. For instance, I use my phpBB3 as an extension of an online game, and I'd like to be able to have a free chat conversation between, say, the Generals and above (which I have set as a group on the board) without the members, or lower ranks being privy to the conversation.

Forgive me if this has already been requested or refused, I didn't feel like going through 23 pages of posts to check

[ThrusterDeeply]

Another cool option would be to place/embed it as a sticky post (or some other way) within a Forum, with it inheriting the user permissions of that forum, which would allow different groups to automatically be able to use different chats privately, according to the group/forum permissions set.

[ThrusterDeeply]

OK, just waded my way through all 23 pages so far of this topic, and found this:

3) there are no separate rooms but the chat is permission controlled. depending on how you have your groups and permissions set up, it could easily be turned off for the groups you do not want to view it.

I have thus far found no place to set these permissions, so what am I missing?

[spaceace]

OK, just waded my way through all 23 pages so far of this topic, and found this:

3) there are no separate rooms but the chat is permission controlled. depending on how you have your groups and permissions set up, it could easily be turned off for the groups you do not want to view it.

I have thus far found no place to set these permissions, so what am I missing?

right at the top of the permissions