aligning texts in chat page

[cvc]

on it. will let you know.

[cvc]

that wasn't particularly helpful or actually I couldn't figure out how to integrate it. Actually that's the problem I'm having with this. material also.
http://dl.dropboxusercontent.com/u/83...

If anyone has implemented one before can you point me to what they did?

[Igor]

1. You need to add "jQuery lazy scroll loading plugin" into the project
   http://docs.appery.io/documentation/u...
   https://code.google.com/p/jquerylazys...
   1. Put JS code from usage section to your project.

[cvc]

Hi Igor
I added the plugin and this function:

$(".doz_chat_messageBody_wrapper").lazyScrollLoading({
lazyItemSelector : ".doz_chat_messageBody",
onLazyItemFirstVisible : function(e, $lazyItems, $firstVisibleLazyItems) {
$firstVisibleLazyItems.each(function() {
this.innerHTML = this.getAttribute("lazy-text");
});
}
}); on page load.

I'm not sure how to use "this.getAttribute("lazy-text");" but it's not working.

[cvc]

Basically I'm adding chatting to my app and I don't want to list all previous chats at once as that slows the app significantly.
I want to list just enough to fill the screen and then on scrolling, load more previous chats.

Can you point me in the right direction?

[Kateryna Grynko]

Hi,

Please try this example "Simple demo: Window scroll to the end" from http://dl.dropboxusercontent.com/u/83...

[cvc]

Hi Katya
that's the precise plugin I've tried. I added the plugin and the code below on page load:

$(".doz_chat_messageBody_wrapper").lazyScrollLoading({
lazyItemSelector : ".doz_chat_messageBody",
onLazyItemFirstVisible : function(e, $lazyItems, $firstVisibleLazyItems) {
$firstVisibleLazyItems.each(function() {
this.innerHTML = this.getAttribute("lazy-text");
});
}
});

It's not working for me.

[Kateryna Grynko]

Are there any console errors (F12)? What do you store in variables $lazyItems, $firstVisibleLazyItem etc?

[Alex GG]

Hi!
Im following this post, to implement infinite scrolling.

1. I create a JS asset with this file:
   jquery.lazyscrollloading-min

2. Now I need help on how to use this code (for the simple demo):
   code $(document).ready(function() {
   $("#lazyScrollLoading").lazyScrollLoading({
   lazyItemSelector : ".lazyItem",
   onLazyItemFirstVisible : function(e, $lazyItems, $firstVisibleLazyItems) {
   $firstVisibleLazyItems.each(function() {
   this.innerHTML = this.getAttribute("data-lazytext");
   });
   }
   });
   }); code

   can any body guide me on how to achieve this?

   Regards/code/code

[Kateryna Grynko]

Hi Alex,

Did you add HTML component with this layout?
https://code.google.com/p/jquerylazys...