Page navigation design example

 

+

Search Tips   |   Advanced Search

 

This is an example of a design of a page navigation element.

This example will produce a page navigation element similar to this:

<<
<
...
4,5,6
...
>
>>
Page 5 of 10

The following tags and text are used in the following design fields:

Header 

<table>
<tr><td>
Footer 

</td></tr>
<tr><td>
Page <PageInfo value="currentPage" />
<PageInfo value="unknownPages" knowntext="of" unknowntext="of at least" />
<PageInfo value="totalPages" />.
</td></tr>
</table>
Separator 

</td><td>
First control - active design 

<font color="#000000">&lt;&lt;</font>
First control - inactive design 

<font color="#999999">&lt;&lt;</font>
Previous control - active design 

<font color="#000000">&lt;</font>
Previous control - inactive design 

<font color="#999999">&lt;</font>
Next control - active design 

<font color="#000000">&gt;</font>
Next control - inactive design 

<font color="#999999">&gt;</font>
Last control - active design 

<font color="#000000">&gt;&gt;</font>
Last control - inactive design 

<font color="#999999">&gt;&gt;</font>
Continuation 

...

You will also need to define the following:

  • Select both "Shuttle (first, previous, next, and last controls)" and "Paging (page numbering and continuation)".

  • Select "Limit number of pages" and type 3 in the associated field.

 

Parent Topic

Page navigation element