Messenger style conversation layout

Brogan

XenForo moderator
Staff member
This is how the narrow responsive view looks.

upload_2016-9-29_10-1-10.png


Obviously this is just CSS so it can be styled to suit.
 

Brogan

XenForo moderator
Staff member
Yes - your own avatar is on the right and the avatars of others who respond are all on the left.

I'll post a few more screenshots in a minute or so.
 

Brogan

XenForo moderator
Staff member
This is how it works with three participants.

Participant 1 (Brogan) sees this:
upload_2016-9-29_10-30-10.png

Participant 2 (Test) sees this:
upload_2016-9-29_10-30-56.png

Participant 3 (Tester) sees this:
upload_2016-9-29_10-32-47.png
 

Kevin

Well-known member
Has anyone tried implementing anything like this?
I like where you're going with this! (y) Personally from a design perspective I think it'd look nicer with the little 'arrow' type indicators that are in the stock postbit design. I'm not sure what the screen element is actually called but here's what I mean....

Capture.JPG
 

Brogan

XenForo moderator
Staff member
I prefer the clean, simple look so I just removed that using CSS.

You can always restore it, or even do something with an arrow on the message content instead.

It's not something I'm going to implement on my own site so I'm not going to spend too much time on it.
Currently it's just a single template modification and a few lines of CSS.
 
Top