- rowsPerPage property

rowsPerPage property

Introduction

In WOW, you can choose the number of rows being displayed on each page. This is done by selecting a number through the dropdown menu that will render the number of rows per page to be displayed. These number choices, in the dropdown menu, can be set by using a comma separated list in the Operation Manager in WOW.

There are two dropdown menu’s created. One at the top and one at the bottom of the results being displayed. This works nicely if you have to vertically scroll from top to bottom to see all the rows and gives you more of an instant access to this item. Also if you have a total of 21 rows of information and set this to display 10 rows per page, you will have a total of 3 pages of results. The first two pages will display the rows of ten and the last page will display the remaining single page left. To view sample Operation, click here.

Note: rowsPerPage property is set in the Paging{} property group (PG) Parent.

example: rowsPerPage property

How to Set

In the Operation Manager, to set this feature, go down to the Properties settings under the Display settings and add the following property:

• Paging{rowsPerPage: <comma_separated_integers_here> ;}

example:

Paging{rowsPerPage: 1,5,10,25,50,100 ;}

Then click the Update button at the top. The running operation will now have a dropdown to select how many pages should show per row.

example:

Left Justify

This property also allows the dropdown menu to be left justified on the page as shown in the image below.

example: Justify:left; on the rowsPerPage property

By default, this would be on the right side of the page but if you have multiple rows where you have to horizontally scroll to the right to see the rest of the fields, this left justify will come in handy.

Note: When you use the left justify on this property, the Previous | Next links will follow and left justify as well.

How to set: Left Justify

To set this feature into the rowsPerPage property simply add Justify:left; just as shown in the example below:

example:

Paging{rowsPerPage:1,5,10,25,50,100; Justify:left;}

Then click the Update button at the top. The running operation will now have a dropdown to select how many pages should show per row, it should display on the LEFT also:

Once you click the Update button at the top of the page, it will go back to its default setting on the right side along with the Previous | Next links.