Messenger style conversation layout

[Paul B]

Has anyone tried implementing anything like this?

Two minutes of messing around gives ...

 

[click here]

Haven't even thought about a messenger style layout but kind of digging it.

 

[Goodfella]

Has anyone tried implementing anything like this?

Two minutes of messing around gives ...

View attachment 141432

I like it!

 

[Paul B]

It's very simple.

I'll post details tomorrow and may even release it as a very basic resource in the form of a template mod.

 

[Joeychgo]

Not a bad idea -- could use a little tweaking, but I think your onto something

 

[Paul B]

This is how the narrow responsive view looks.




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

 

[RobParker]

Does it work ok with multiple people?

 

[Paul B]

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.

 

[Paul B]

This is how it works with three participants.

Participant 1 (Brogan) sees this:


Participant 2 (Test) sees this:


Participant 3 (Tester) sees this:

 

[Kintaro]

IMHO could be interesting to see how it appear on threads too.

 

[Eagle]

@Brogan that's awesome and this is my modification:

 

[Paul B]

Looks good.

Did you actually implement that?

 

[Eagle]

Thanks.

The fact it's just the add-on and I just modified/developed it.

Brogan, I think it should be core.

Responsive view:

 

[Kevin]

Has anyone tried implementing anything like this?

I like where you're going with this! 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....

 

[Paul B]

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.

 

[Paul B]

Instructions here: https://xenforo.com/community/resources/messenger-style-conversations.5324/