Chat ui adaptation design

At this time I’m here because I want to make an adaptation from this Codepen by Virgil Pana .

As you can see in the snippet, when you select different users, the profile picture changes, but the chat doesn’t.

I spent the afternoon trying to figure out how to change the chat text as you select different users, but I’m still having trouble.

I think the problem is related to the $(.friend) or .messages part of the jQuery function.

Thanks in advance!

The chat text is within the HTML. Assuming you’ll be using a server side language for that part. I would say have a div with an ID the contains those chat text. Once a person’s chat profile has been changed, I’d use Ajax to load the new chat profile into that div. This way, the chat messages change with the chat profile.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.