Infinite scrolling

Official Content
This documentation is valid for:

A grid can potentially display a great amount of data. To give the user flexibility and make it easier to find information, as well as to save resources (bandwidth), the data is usually displayed in pages. So, the user can move backwards and forwards to browse the various grid pages.

An alternative to the Paging in apps feature is to use infinite scrolling.

In the infinite (also called continuous) scrolling pattern, the first page is shown with a subset of the data, which is brought on demand from the server as the user scrolls in the grid or page.
So, this pattern eliminates the paging buttons by creating the effect of an infinitely scrolling page that scrolls new data as the user scrolls to the bottom of a page or the grid. 

Paging, as well as infinite scrolling, are solutions for the same problem, which is to give the user the possibility to navigate through data on demand without wasting bandwidth resources.

A remarkable advantage of using infinite scrolling is that the user remains on the same panel, so selecting data to perform various actions (for example, selecting records to be deleted) could be much easier because all the data is on the same panel.

Infinite scrolling in Smart Devices apps

The Rows property for Grids allows configuring infinite scrolling.

Infinite scrolling in Web applications

For Web applications, scrolling is available in two modes:

  1. Grid infinite scrolling
    The grid has a certain height and it displays a vertical scroll inside the grid's area, for the user to scroll and see all the rows.

    i2016_06_13_14_58_363_png
     
  2. Page infinite scrolling
    The grid doesn't have a fixed height and expands vertically as the user scrolls using the web page vertical scroll. In this case, there shouldn't be another control at the bottom of the grid because it will be unreachable.

Warning: It's available only for the Abstract layout.


See HowTo: Configure Infinite scrolling in web applications

See Also

Pull To Refresh property

Automatic paging in Grid control




Was this page helpful?
What Is This?
Your feedback about this content is important. Let us know what you think.