1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Messenger style conversation layout

Discussion in 'Resource and Add-on Discussions' started by Brogan, Sep 28, 2016.

  1. Brogan

    Brogan XenForo Moderator Staff Member

    Has anyone tried implementing anything like this?

    Two minutes of messing around gives ...

    Eagle, Kintaro, RobParker and 10 others like this.
  2. click here

    click here Active Member

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

    Goodfella Active Member

    I like it!
  4. Brogan

    Brogan XenForo Moderator Staff Member

    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.
    Kevin, Eagle, thomas1 and 5 others like this.
  5. Joeychgo

    Joeychgo Well-Known Member

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

    Brogan XenForo Moderator Staff Member

    This is how the narrow responsive view looks.


    Obviously this is just CSS so it can be styled to suit.
    Amaury likes this.
  7. RobParker

    RobParker Well-Known Member

    Does it work ok with multiple people?
  8. Brogan

    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.
    RobParker likes this.
  9. Brogan

    Brogan XenForo Moderator Staff Member

    This is how it works with three participants.

    Participant 1 (Brogan) sees this:

    Participant 2 (Test) sees this:

    Participant 3 (Tester) sees this:
    Amaury and Chris D like this.
  10. Kintaro

    Kintaro Well-Known Member

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

    Eagle Well-Known Member

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

    conv_2016-09-29 18.28.14.png
  12. Brogan

    Brogan XenForo Moderator Staff Member

    Looks good.

    Did you actually implement that?
  13. Eagle

    Eagle Well-Known Member


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

    Brogan, I think it should be core. :D

    Responsive view:
    conv_2016-09-29 18.37.12.png
  14. Kevin

    Kevin Well-Known Member

    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....

  15. Brogan

    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.
    Kevin and Amaury like this.
  16. Brogan

    Brogan XenForo Moderator Staff Member

Share This Page