Add the coolest page navigation to your site and make browsing
through large lists of items or tables easy and quick. Choose from 22
different styles, used by many sites such as Digg, Yahoo, Flickr and
much more, to fit perfectly with your design and display the total
number of items.
All paging styles are fully CSS based, so you can always fine tune the colors and borders to your site design.
DMXzone Paginator ASP Manual
Add the coolest page navigation to your site and make browsing through large lists of items or tables easy and quick
The Basics: Dynamic table layout with DMXzonePaginator
Introduction
In this tutorial we will show you how to make a dynamic table with multiple pages using the DMXzone Paginator ASP, allowing your users to scroll between records for a greater interface experience.
How to do it
1. Define
your site in Dreamweaver and Create a new page
Create a ASP page and Define your site in Dreamweaver. You can read
more about this at this page.
You should make a page that can be uploaded to your ASP server.
2. Create
a Recordset
Create a new page and
go to Server Behaviors and choose Recordset (Query) from
the + icon.
3. Setting the Recordset options
You should already have an existing connection to choose from. Next, choose
your table and which columns you want to include. We advise you to use an empty
page with just the recordset and the server behaviour as other data won't be
exported. You can link to this page to get your recordset as a download.
4. Create your Dynamic table
Create a dynamic table from Insert / Data Objects / Dynamic
Data / Dynamic Table or the shortcut icon under the Data tab and edit your
preferences.
In our case, we will reduce the maximum number of records to be shown at a time
to three.
Let's modify our table visually so it would fit better into our page design.
5. Find the DMXzone Paginator ASP Server Behavior under the Server Behaviors
tab
.
Note: Server Behaviors generate server code (ASP/PHP) and are executed on the
server side, while Regular Behaviors are just JavaScript functions executed on
the client side.
6. A new popup with the DMXzone Paginator ASP server behavior interface
appears:
7. Here you have to select which recordset would be used to retrieving
the data.
Under "Pages" select the Number of Outer Links and Number of
Adjacent Links you want to have.
The Outer links are your list of page numbers outside the leading and trailing
range while the Adjacent links are the list of page numbers before and
after the current page.
Check the Show Previous/Next option. If you leave this option unchecked,
the interface would just list the number of pages. The default values for Previous
Label and Next Label are "<" and ">" but you can enter
whatever you would like there.
In this
article you can see how to represent the available special characters in
HTML.
In addition, you can select from the many predefined styles for the navigation
buttons under the Markup options. We choose "black".
Click OK to save your settings!
8. You are done! Save the result and test it in your browser.
The result should look like this:
