jFormer DocumentationForm Features

Page Navigator

The page navigator allows for ease of navigation through different pages of the form. as well as letting the user know of their position in the current form

Usage

The page navigator is easy to use and implement. With robust options so that you may present it in a manner that fits your needs.

There are two options available for the page navigator :

  • position
  • label

these options go inside of an array that is set by pageNavigator, alternatively you can just set pageNavigator to true and all options will be set to default

Sample Usage

Turn on the Page Navigator with position set to top:

    pageNavigator = array( 'position'=> 'top' );

Options

Example

false

pageNavigator

boolean | If set to true, or given an option array, will show the Page Navigator

top

position

string | accepts a string for the position of the Navigator. value can be set to 'top' or 'right'

title

label

string | The label type of the navigator, or how it displays each each values can be:

  • title - page title is presented, if there is no page number, the numeric title is displayed
  • numeric - is presented in the format 'Page #' where # is the number of the page
  • prefixLabels - a combination of the two other options, presents pages in the format '#. Page Title'
  • Demo
  • View Source

Next Page: Splash Page

This page was last edited on April 25, 2011 at 1:56pm.

5 comments (add a comment)

HelpNeeded on 2012-02-27 19:48:22

Has anyone tried this and does it work?

Francesco on 2012-03-08 05:01:57

Tried it, blank page ;/ I also tried the other one from the demos section but am getting a

Call to a member function setData() on a non-object

error. Any help?

Mike Lerley on 2012-05-03 14:00:06

I found the setData error --

Line 765 in JFormer.js is:

formPage = this.formPages[jFormPageId];

It should read:

formPage = this.jFormPages[jFormPageId];

Mike Lerley on 2012-05-03 14:12:57

Also, a similar error starting on line 850:

if(self.currentFormPage.options.onScrollTo.onAfter) {
self.currentFormPage.options.onScrollTo.onAfter();
}

should read:

if(self.currentJFormPage.options.onScrollTo.onAfter) {
self.currentJFormPage.options.onScrollTo.onAfter();
}