Forum | Appery.io

I'm adding a chat page to my app I would like to filter current user messages to the right and received messages to the left. here is what I've done:

var lc = localStorage.getItem('currentUserName');
var user = $('table').find('div_chat_authorField').text();
if (lc == user) {
$('table').find('div .messageDiv').removeClass('left').addClass('rightfloatRight');}

It's not working. What I', I doing wrong?

Hi,

What components are used for messages? Are they in grid?

Yes its in a grid who's name is messageDiv which is in another grid called outerDiv. I want to float messageDiv to the right of the outerDiv

If you mean a big grid (messages list) and another one inside (a message itself) you can check this grid message and add to it CSS attribute prefloat: right;/pre or prefloat: left;/pre

I want to add a class that floats the messageDiv base on the username. here is what I've tried:

var lc = localStorage.getItem('currentUserName');
var user = $('table').find('div_chat_authorField').text();
if (lc == user) {
$('table').find('div .messageDiv').removeClass('left').addClass('rightfloatRight');}

It's not working. How do I select specific user from the array?

I solved it by adding a javascript in the mapping to target the parent div and add the class to it. Thanks

Thank you for the update! Glad you solved it.

But how can I implement infinite loading? I'm on that.

Hi Katya

Please can you suggest how to implement infinite scrolling?

Did you search in Internet? You could try this solution: https://github.com/kpheasey/jqm.infin...
Let us know if this helps.