Also you can set header (label) and description above the navigation links, and navigate within infinite loop of all regions. Of course, navigation can be used to toggle a list of addresses or filling in form fields. Each element of the navigation can be easily customized.

Navigation controls will not work in the Multiple Clicks mode.

Default options

navigation: {

enable: false

Boolean enables the navigation controls

loop: false

Boolean allows to navigate within infinite loop of all regions

next: "Next »"

String label of the next region link

prev: "« Previous"

String label of the previous region link

separator: "|"

String separator of the navigation links

Boolean false – removes separator

label: " "

String adds <H5> header above the navigation links

description: " "

String adds paragraph above the navigation links

}

CSS customization

All elements of the navigation controls are centered by default, but you can change it in the cssmap-themes.css file. Customize each element of the navigation using selectors listed below (defaults shown).

/* NAVIGATION CONTAINER */
.cssmap-navigation{ text-align: center }

/* LIST OF NAVIGATION CONTROLS */
.cssmap-nav-list{}
 .cssmap-nav-list li{ display:inline-block; margin: 0 .5em }
  .cssmap-nav-next{} /* LIST ITEM */
  .cssmap-nav-prev{} /* LIST ITEM */
  .cssmap-nav-separator{} /* LIST ITEM */

/* LABEL OF THE NAVIGATION - THE H5 HEADER (OPTIONAL) */
.cssmap-nav-label{}

/* DESCRIPTION SHOWN ABOVE THE NAVIGATION (OPTIONAL) */
.cssmap-nav-description{}

New feature requires update of the cssmap-themes.css and script file.